0 Replies - 1399 Views - Last Post: 31 July 2008 - 04:27 AM

#1 liverpool0912  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 42
  • Joined: 04-June 08

Sign Up Form (Form Validation not working)

Post icon  Posted 31 July 2008 - 04:27 AM

Hi im pretty new in this and so im not sure hwere my code is wrong but im sure its at the form validation part because i can just simply submit it without filling up anything nid hlp thx.

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>Form Validation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<script src="validation.js></script>
<script language="Javascript" type="text/javascript">
function isEmpty(strng) {
	var error = "";
  if (strng.length == 0) {
	 error = "The mandatory text area has not been filled in.\n"
	 }
	 return error;	  
}

function checkEmail (strng) {
	var error="";
	if (isEmpty(strng)) {
		 error = "You didn't enter an email address.\n";
	}

	var emailFilter=/^.+@.+\..{2,3}$/;
	if (!(emailFilter.test(strng))) { 
	error = "Please enter a valid email address.\n";
	} else {
		var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/
		if (strng.match(illegalChars)) {
			error = "The email address contains illegal characters.\n";
		}
	}
	return error;	
}


function checkPhone (strng) {
	var error = "";
	if (isEmpty(strng)) {
		error = "You didn't enter a phone number.\n";
	}
	
	var stripped = strng.replace(/[\(\)\.\-\ ]/g, ''); 
	if (isNaN(parseInt(stripped))) {
		error = "The phone number contains illegal characters.";
	}
	if (!(stripped.length == 8)) {
		error = "The phone number is the wrong length. Make sure you included an area code.\n";
	} 
	return error;
}


function checkPassword (strng) {
	var error = "";
	if (isEmpty(strng)) {
		error = "You didn't enter a password.\n";
	}
	
	var illegalChars = /[\W]/; 
	if ((strng.length < 6) || (strng.length > 8)) {
		error = "The password is the wrong length.\n";
	}	else if (illegalChars.test(strng)) {
		error = "The password contains illegal characters.\n";
	} else if ((!strng.match(/[a-z]+/)) || (!strng.match(/[A-Z]+/)) || (!strng.match(/[0-9]+/))) {
		error = "The password must contain at least one uppercase letter, one lowercase letter, and one numeral.\n";
	} 
	return error;	
}	 


function verifyPass (strng) {
	var error = "";
	if(isEmpty(strng)) {
		error = "You didn't enter a password.\n";
	}
	if(password != veripass) {
		error= "The password you keyed does not match the previous one.Try again. \n";
	}
	return error;
} 

function checkUsername (strng) {
	var error = "";
	if (isEmpty(strng)) {
		 error = "You didn't enter a username.\n";
	}

	var illegalChars = /\W/; 
	if ((strng.length < 4) || (strng.length > 10)) {
		 error = "The username is the wrong length.\n";
	} else if (illegalChars.test(strng)) {
		error = "The username contains illegal characters.\n";
	} 
	return error;
} 
  
function checkName (strng) {
	var error = "";
	if (isEmpty(strng)) {
		 error = "You didn't enter your name.\n";
	}

	var illegalChars = /\W/; 
		if (illegalChars.test(strng)) {
		error = "The username contains illegal characters.\n";
	} 
	return error;
}   
	
function checkAge (strng) {
	var error="";
	if (isEmpty(strng)) {
		 error = "You didn't enter your age.\n";
	}
	var illegalChars = /\W/; 
		if (illegalChars.test(strng)) {
		error = "The age contains illegal characters.\n";
	} 
	return error;
}

function checkCredit (strng) {
	var error = "";
	if (isEmpty(strng)) {
		error = "You didn't enter your card numbern";
	}
	
	var stripped = strng.replace(/[\(\)\.\-\ ]/g, ''); 
	if (isNaN(parseInt(stripped))) {
		error = "The card number contains illegal characters.";
	}
	if (!(stripped.length == 20)) {
		error = "The card number is the wrong length. Make sure you type in correctly.\n";
	} 
	return error;
}   

function checkAddress (strng) {
	var error="";
	if (isEmpty(strng)) {
		 error = "You didn't enter an address.\n";
	}
		var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/
		if (strng.match(illegalChars)) {
			error = "The address contains illegal characters.\n";
		}
	return error;	
}

function checkRadioCheck(theRadioCheck, theType) {
	var error = "";
	for (i=0, n=theRadioCheck.length; i<n; i++) {
		if (theRadioCheck[i].checked) {
			var checkvalue = theRadioCheck[i].value;
			break; 
		}
	}
	if (!(checkvalue)) {
		error = "Please check a "+theType+" button.\n";
	}
	return error;
}


function checkDropdown(choice) {
	var error = "";
	if (choice == 0) {
		error = "You didn't choose an option from the drop-down list.\n";
	}	
	return error;
}	

function checkFormvalidation(theForm) {
	var why = "";
	why += checkEmail(theForm.email.value);
	why += checkPhone(theForm.phone.value);
	why += checkPassword(theForm.password.value);
	why += verifyPass(theForm.veripass.value);
	why += checkUsername(theForm.username.value);
	why += checkName(theForm.name.value);
	why += checkAge(theForm.age.value);
	why += checkCredit(theForm.number.value);
	why += checkAddress(theForm.address.value);
	why += isEmpty(theForm.notempty.value);
	why += checkRadioCheck(theForm.radios, "radio");
	why += checkRadioCheck(theForm.checks, "checkbox");
	why += checkDropdown(theForm.choose.selectedIndex);
	if (why != "") {
	   alert(why);
	   return false;
	}
return true;
}
</script>

<body>
<form action="file:///F:/Web%20D/WEB%20D/Main.html" name="Particular" id="Particular" method="post" onsubmit="return checkInputForm(this)">

<h1>User Information</h1>
Username: <input name="username" type="text" /><br />
Password: <input name="password" type="text" /><br />
Verify Password: <input name="veripass" type="text" /><br />
<br />

<h2>User Personal Information</h2>
User Full name: <input name="name" type="text" /><br />
Email: <input name="email" type="text" /><br />
Gender: <input name="radios" type="radio" value="Female">Female<input name="radios" type="radio" value="Male">Male<br />
Title: <select name="choose">
	<option>Miss</option>
	<option>Mrs</option>
	<option>Mdm</option>
	<option selected="selected">Mr</option>
</select><br />
Where did you hear about this website: <input type="checkbox" />Friends<input type="checkbox" />Other sites' links<input type="checkbox" />Just happen to stumble in<br />
<br />

<h3>Other Information</h3>
Mailing Address: <input name="address" type="text" /><br />
Credit Card Number: <input name="number" type="text" /><br />
Age: <input name="age" type="text" /><br />
Occupation: <select name="choose">
		<option>Student</option>
		<option>Manager</option>
		<option>Teacher</option>
		<option>Engineer</option>
		<option>salesperson</option>
			<option selected="selected">Others</option>
</select><br />
<br />

Which console do you prefer: <input name="radios" type="radio" value="XBOX">XBOX<input name="radios" type="radio" value="PS series">PS series<input name="radios" type="radio" value="Nintendo">Nintendo<input name="radios" type="radio" value="Wii">Wii<br />
Special Interest:<select name="choose">
		<option>DOTA</option>
		<option>Gears Of War</option>
		<option>Final Fantasy Series</option>
		<option>Maplestory</option>
		<option>Audition</option>
			<option>Soul Calibur</option>
		<option>Dead Or Alive</option>
		<option>Call Of Duty</option>
		<option>Gunbound</option>
		<option>Warrock</option>
			<option selected="selected">Others</option>
</select><br />



<input type="reset" /><br />
<input type="submit" /><br />

</form>
</body>
</html>



Is This A Good Question/Topic? 0
  • +

Page 1 of 1