Click here to Skip to main content
16,010,876 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
JavaScript
<script type='text/javascript'>

function formValidator(){
	// Make quick references to our fields
	var pname = document.getElementById('pname');
	var address = document.getElementById('address');
	var contact = document.getElementById('contact');
	var email = document.getElementById('email');
	var subject = document.getElementById('subject');
	var comments = document.getElementById('comments');
	
	// Check each input in the order that it appears in the form!
	if(isAlphabet(pname, "Please enter only letters for your name")){
		if(isAlphanumeric(address, "Numbers and Letters Only for Address")){
			if(isNumeric(contact, "Please enter a valid COntact Number")){
				if(emailValidator(email, "Please enter a valid email address")){
					if(isAlphabet(subject, 25, 50)){
						if(isAlphanumeric(comments, "Your are entering to much words in comments")){
							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("Please enter between " +min+ " and " +max+ " characters");
		elem.focus();
		return false;
	}
}


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>


this is my javascript function which validate the form.



HTML
<tr>

                            <td class="text7">*</td>

                            <td class="text4">Name</td>

                            <td class="blacktext11"><input name="pname"  type="text" class="border2"  style="width: 180px;" /></td>

                          </tr>

                          <tr>

                            <td valign="top" class="text7">*</td>

                            <td class="text4" valign="top">Address</td>

                            <td class="blacktext11"><textarea name="address" cols="20" rows="2" class="border2"  style="width: 180px;" ></textarea></td>

                          </tr>

                          <tr>

                            <td class="text7">*</td>

                            <td class="text4">Contact Number</td>

                            <td class="blacktext11" valign="top"><input name="contact"  type="text" class="border2"  style="width: 180px;" /></td>

                          </tr>

                          <tr>

                            <td class="text7">*</td>

                            <td class="text4">Email Address</td>

                            <td class="blacktext11" valign="top"><input name="email" class="border2" style="width: 180px;"  type="text" /></td>

                          </tr>

                          <tr>

                            <td class="text7">*</td>

                            <td class="text4">Subject</td>

                            <td class="blacktext11" valign="top"><input name="subject" class="border2" style="width: 180px;" type="text" /></td>

                          </tr>

                          <tr>

                            <td class="text7">*</td>

                            <td class="text4">Comments</td>

                            <td class="blacktext11" valign="top"><textarea cols="20" rows="2" name="comments" class="border2" style="width: 180px;"></textarea></td>

                          </tr>
</form>


                          <tr>

                            <td> </td>

                            <td> </td>

                            <td style="text-align: left;" align="left"><input name="submit"  value="Submit" style="width: 60px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; border:1px solid #CCCCCC; background-color:#000000;" type="submit" />
</td></tr>



and this is my html page code.

i want to validate my form by using my javascript function.so plz tell me how can i do it.
i shell be very thank ful...
Posted
Comments
[no name] 18-Nov-11 21:39pm    
Why not use ASP.NET validation controls?

1 solution

Add the following attribute to the submit button:

onclick="return formValidator();"

This should call the formValidator function when the submit button is clicked, and if the function returns false, then (if I'm not mistaken) the click event will be cancelled.
 
Share this answer
 
Comments
prince_rumeel 18-Nov-11 23:57pm    
and bro one more question.
i want to save my these fileds data in mysql database.how can i DO this.?plz help me

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900