06-08-2011, 05:51 PM
one more solution
Code:
<html>
<head>
<script type='text/javascript'>
function copyIt() {
var firstname = document.getElementById("firstname").value;
var password = document.getElementById("password").value;
document.getElementById("txt1").value = firstname;
document.getElementById("pass").value = password;
}
function formValidator(){
// Make quick references to our fields
var firstname = document.getElementById('firstname');
var password = document.getElementById('password');
var addr = document.getElementById('addr');
var addr = document.getElementById('gender');
var zip = document.getElementById('zip');
var state = document.getElementById('state');
// Check each input in the order that it appears in the form!
if(isAlphabet(firstname, "Please enter values in Name Field")){
if(lengthRestriction(password , 6, 8)){
i
if(isAlphanumeric(addr, "PLease enter value in address field!")){
if(isNumeric(zip, "Please enter a valid zip code")){
if(madeSelection(state, "Please Choose a State")){
return true;
}
}
}
}
}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function lengthRestriction(elem, min, max){
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max){
return true;
}else{
alert("The Password length must be between " +min+ " and " +max+ " characters");
elem.focus();
return false;
}
}
function madeSelection(elem, helperMsg){
if(elem.value == "Please Choose"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
<title>CS101 3rd assignment idea by VRSHC.com</title>
</head>
<body>
<TABLE border="0" align="center">
<tr>
<td align="center">
<a href="http://vulms.vu.edu.pk/" target="_blank"><img src="vu_logo.PNG" width="150" alt="vu logo"></a>
</td>
</tr>
<tr><td align="center">
<br><b>CS101 Assignment # 3 solved by VRSHC Team</b>
</td></tr>
<tr width="20">
<td><br>
<TABLE BORDER="1" BORDERCOLOR="#0000FF" BORDERCOLORLIGHT="#33CCFF" BORDERCOLORDARK="#0000CC" ALIGN="CENTER"><tr>
<form onsubmit='return formValidator()' >
<td>Name:</td> <td><input type="text" name="text" id = "firstname" value="" onchange = "copyIt()"><br /></td><td><input type="text" name="text" id = "txt1" value="" onchange = "copyIt()" DISABLED ><br /></td></tr>
<td>Password:</td><td><input type="text" name="pass" id = "password" value="" onchange = "copyIt()"><br /></td><td><input type="password" name="pass" id = "pass" value="" onchange = "copyIt()" DISABLED ><br /></td> </tr>
<tr><td>Address: </td> <td> <textarea type=text name=name id = "addr" size=15 value="" onChange="this.form.userid.value=this.value;"></textarea><br /></td>
<td><textarea type=text name=userid size=15 value="" onChange="this.value=this.form.name.value;" disabled></textarea><br /></td></tr>
<tr><td>Gender: </td> <td width="42%" align="left" align="top" colspan="2"><script LANGUAGE="JavaScript">
<!--
function ValidateForm(form){
ErrorText= "";
if ( ( form.gender[0].checked == false ) && ( form.gender[1].checked == true ) ) { alert ( "Please choose Male" ); return false; }
if (ErrorText= "") { form.submit() }
}
-->
</script><INPUT TYPE="radio" NAME="gender" VALUE="male" > Male <INPUT TYPE="radio" NAME="gender" VALUE="female" Checked> Female</td></tr>
<tr><td>Hobbies: </td><td><input type="checkbox" name="option1" value="Milk"> Playing Cricket<br>
<input type="checkbox" name="option2" value="Butter"> Surfing INternet<br>
<input type="checkbox" name="option3" value="Cheese"> Reading Books<br></td>
<td><input type="checkbox" name="option1" value="Milk" disabled> Playing Cricket<br>
<input type="checkbox" name="option2" value="Butter" disabled > Surfing INternet<br>
<input type="checkbox" name="option3" value="Cheese" disabled > Reading Books<br></td>
<tr><td>State: </td><td width="42%" height="8%" align="left" align="top"><select id='state'>
<option value="" selected>Please Choose</option>
<option>Lahore</option>
<option>Karachi</option>
<option>Islamabad</option>
<option>Peshawer</option>
<option>Multan</option>
</select><br /></td><td width="42%" align="left" align="top">
<TEXTAREA name="area" cols="20" rows="4" disabled></TEXTAREA></td></tr>
</td>
<tr><td> </td><td width="42%" align="center" align="top" colspan="2"><input type="submit" name="SubmitButton" value="Submit" onClick="ValidateForm(this.form)">
<INPUT type="reset" name="reset" value="Clear"> </td></tr></tabale></form>
</tr></table><br>
<center><font size=1>Join the VRSHC Community,Get better help in Studies. Solved by<a href="http://www.vrshc.com/forum"><b>VRSHC Team</b></a><br></font></center>
</body>
</html>0300-9520262
Get solution in 24 hour |cpmputer & internet
mileys81:[SIZE="4"][SIZE="3"]....[/SIZE][/SIZE]