Sunday, November 30, 2008

Simple but Friendly Form validation

First Name*:
Last Name*:
E-Mail*:
Cell #:


script being used



1. Add onsubmit to form tag like this:
<form name="reg" onsubmit="return validate(this);">

2. Then add this script modifiy to your needs

<script type="text/javascript">
/**
validate the form being passed
return false if errors exist
return true if no errors
*/
function validate(_f){
// init errors to empty
var errors = "";

// check form inputs adding appropriate messages for each field
if (!_f.fName.value.length)
errors += "First Name\n";

if (!_f.lName.value.length)
errors += "Last Name\n";

if (!_f.eMail.value.length)
errors += "E-Mail\n";

// if errors have been added, alert the user
if (errors.length){
// prepend a freindly error message
errors = "Please correct the following:\n\n" + errors;

alert (errors);
// if errors exist return false
return false;
}

// if no errors return true
return true;
}
</script>


No comments: