 |
Below is a typical sign up form. Its purpose is to demonstrate some of the common form situations that we all encounter on the web and how Validate Form tackles these situations. The form checks include:
- User ID check - the user must enter a value in the appropriate pattern.
Important note: Validate Forms Regular Expression Form Check is used here because of its pattern matching capabilities.
- Password check - the user must enter a value with no spaces with a minimum of 6 characters and a maximum of 12.
- Confirm Password check - the user must re-enter their password
- Age check - the user must select a radio button
- How'd You Find Us check - the user must select an option from the drop down select list
- OS's You Use check - the user must check at least one of the checkboxes
The form took 20 minutes to design and 5 minutes to create the Javascript Form Validation Code using Validate Form. |
Here's the Javascript Form Validation Code that was created using Validate Form:
|
<script language="Javascript"><!--
function VF_signup(){ //v2.0
var theForm = document.signup;
var userRE1 = new RegExp ("((\\s))+","g");
var userRE0 = new RegExp ("^[a-z]{1,1}[0-9]+$","g");
var gFlg_platform = false;
var gArr_platform = new Array ("mac",",unix","windows");
var sFlg_findout = false;
var rFlg_age = false;
var errMsg = "";
var setfocus = "";
for(var g5=0;g5<gArr_platform.length;g5++){ if(eval("theForm['"+gArr_platform[g5]+"'].checked")){ gFlg_platform=true;break; }}
for(var s4=0;s4<theForm['findout'].length;s4++){ if(theForm['findout'].options[s4].selected){ if(theForm['findout'].options[s4].text==theForm['findout'].options[0].text) sFlg_findout=true;}}
for(var r3=0;r3<theForm['age'].length;r3++){if(theForm['age'][r3].checked)rFlg_age=true;}
if (!gFlg_platform){
errMsg = "Please tell me which platform\'s you use\?";
setfocus = "['" + gArr_platform[0] + "]'";
}
if (sFlg_findout){
errMsg = "Please tell me how you found my site\?";
setfocus = "['findout']";
}
if (!rFlg_age){
errMsg = "Please tell me your age\?";
setfocus = "['age'][0]";
}
if (theForm['confirmPwd'].value == "" || (theForm['confirmPwd'].value != theForm['pwd'].value)){
errMsg = "Confirm Password and Password do not match\.";
setfocus = "['confirmPwd']";
}
if ((theForm['pwd'].value == "") || (userRE1.test(theForm['pwd'].value)) || (theForm['pwd'].value.length < 6 || theForm['pwd'].value.length > 12)){
errMsg = "Please give yourself a password\.";
setfocus = "['pwd']";
}
if ((theForm['userName'].value == "") || (!userRE0.test(theForm['userName'].value)) || (theForm['userName'].value.length < 6 || theForm['userName'].value.length > 12)){
errMsg = "Please enter your User ID in the format described\.";
setfocus = "['userName']";
}
if (errMsg != ""){
alert(errMsg);
eval("theForm" + setfocus + ".focus()");
}
else theForm.submit();
}//-->
</script> |
|
|
 |
 |
| Click here to purchase your copy now! |
|
|
 |
295 Users have rated it with an average rating of 7.5 out of 10
  
|
"Already got the Extension?"
- Then please tell others what you think by rating it!
|
|
|
|
