Form Validation-Multiple Functions executing onSubmit/onClick

**anton2511** · 10-05-2012, 08:06 AM

I have being playing around with the code posted in form effects for email validation and required fields from the DD sample code. Obviously both codes work but when I try to use both of the them together I cannot get them to execute simultaneously onSubmit or onClick. What can I do to get multiple functions to execute onSubmit/onClick?

**bernie1227** · 10-05-2012, 08:46 AM

What you could do, is have one function which fires, but that function can start the other functions.

**vwphillips** · 10-05-2012, 11:59 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
</head>

<body>
<script language="JavaScript">
<!--

/***********************************************
* Required field(s) validation v1.10- By NavSurf
* Visit Nav Surf at http://navsurf.com
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function formCheck(formobj,email){
	// Enter name of mandatory fields
	var fieldRequired = Array("FirstName", "LastName","myemail");
	// Enter field description to appear in the dialog box
	var fieldDescription = Array("First Name", "Last Name","Email");
	// dialog message
	var alertMsg = "Please complete the following fields:\n";

	var l_Msg = alertMsg.length;

	for (var i = 0; i < fieldRequired.length; i++){
		var obj = formobj.elements[fieldRequired[i]];
		if (obj){
			switch(obj.type){
			case "select-one":
				if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
				break;
			case "select-multiple":
				if (obj.selectedIndex == -1){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
				break;
			case "text":
			case "textarea":
				if (obj.value == "" || obj.value == null){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
				break;
			default:
			}
			if (obj.type == undefined){
				var blnchecked = false;
				for (var j = 0; j < obj.length; j++){
					if (obj[j].checked){
						blnchecked = true;
					}
				}
				if (!blnchecked){
					alertMsg += " - " + fieldDescription[i] + "\n";
				}
			}
		}
	}
    var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i;
    if (formobj[email]&&!emailfilter.test(formobj[email].value)){
	  alertMsg += " - " + 'incorrect email address' + "\n";
    }
	if (alertMsg.length == l_Msg){
		return true;
	}else{
		alert(alertMsg);
		return false;
	}
}
// -->
</script>



<!--SAMPLE FORM -------------------------------->
<form name="formcheck" onsubmit="return formCheck(this,'myemail');">
First Name: <input type=text name="FirstName" size="25"><br>
Last Name: <input type=text name="LastName" size="25"><br>
EMail: <input name="myemail" type="text" style="width: 270px"><br />
<input type=submit value="Submit Form">
</form>
</body>

</html>