I've got a simple javascript function that does validation for a small registration form. the function works fine if I put it in the <head> tag of my php page. but if I put the function in a *.js file it doesn't work. I can't figure out why it will work one way and not the other. I've got a lot of functions that I have to use so I really need to put them in a separate *.js file.
my code is below.
validate.js :
my reg form :
my code is below.
validate.js :
| Code: |
|
// JavaScript Document function regval () { var strAlert = ''; if (document.regForm.userFname.value.length==0 || document.regForm.userLname.value.length==0 || document.regForm.userDept.value.length==0 || document.regForm.username.value.length==0 || document.regForm.password1.value.length==0 || document.regForm.password2.value.length==0) {//there was a problem so build the alert msg if (document.regForm.userFname.value.length==0) {strAlert += "Please enter your first name" + '\n';} if (document.regForm.userLname.value.length==0) {strAlert += "Please enter your Last name" + '\n';} if (document.regForm.userDept.value=="none") {strAlert += "Please select your department" + '\n';} if (document.regForm.username.value.length==0) {strAlert += "Please enter your email as your username" + '\n';} if (document.regForm.password1.value.length==0 || document.regForm.password2.value.length==0) {strAlert += "Please complete both password fields" + '\n';} if (document.regForm.password1.value != document.regForm.password2.value) {strAlert += "The passwords that you entered do not match." + '\n';} //display the alert alert(strAlert); return false; }//end main if catch }//end regValidate () function |
my reg form :
| Code: |
| <form method="post" action="register_app.php" name="regForm" onSubmit="return regval();">
<fieldset> <label for="userFname">*First Name: </label> <input type="text" id="userFname" name="userFname"><br> <label for="userLname">*Last Name: </label> <input type="text" id="userLname" name="userLname"><br> <label for="userDept">*Department: </label> <input type="text" id="userDept" name="userDept"><br> <label for="userExt">Extension: </label> <input type="text" id="userExt" name="userExt"><br> <label for="username">*Email (username): </label> <input type="text" id="username" name="username">@panda-group.com<br> <label for="password1">*Password: </label> <input type="password" id="password1" name="password1"><br> <label for="password2">*Retype Password: </label> <input type="password" id="password2" name="password2"><br /><br /> <input type="submit" id="submit" name="submit" value="Register"> <input type="reset" value="Reset"> </fieldset> </form> |
