jQuery Form Validation Email and Phone Number
HTML FORM
<form name="myform" method="get" action="business.php" onsubmit=""> Name<input type="text" id="id0" name="name[0]" value=""><div id="err0"></div><br>Email<input type="text" id="id1" name="name[1]" value=""><div id="err1"></div><br>Phone<input type="text" id="id2" name="name[2]" value=""><div id="err2"></div><br><input type="submit" onclick="checkValidit()"> </form>jQuery Validation Code
<script type="text/javascript">
function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^([w-.]+@([w-]+.)+[w-]{2,4})?$/);
return pattern.test(emailAddress);
};
function isValidPhone(phone) {
var pattern = new RegExp( /^d*[0-9](|.d*[0-9]|,d*[0-9])?$/);
return pattern.test(phone);
};
function checkValidit()
{
if( !$("input").val() ) {
$("form").submit(function (e) {
e.preventDefault(); //prevent default form submit
});
}
};
$(function(){
$('input').blur(function()
{
if($(this).attr("id")=="id1")
{
// alert("email");
if( !isValidEmailAddress($(this).val()) )
{
$("#err1").html("Enter Valid Mail");
}else if(!$(this).val()){
$("#err1").html("Enter Mail");
}
else{
$("#err1").html("");
}
}
else if($(this).attr("id")=="id2")
{
if( !isValidPhone($(this).val()) )
{
$("#err2").html("Enter Valid Phone");
}else if(!$(this).val()){
$("#err1").html("Enter Phone");
}
else{
$("#err2").html("");
}
}
else if($(this).attr("id")=="id0")
{
if( !$(this).val() )
{
$("#err0").html("Enter Name");
}
else{
$("#err0").html("");
}
}
});
});
</script>
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYV3gv2z4Y2XHaKgtaFQqtp8tQv8N9WDq9vSgnPjxQV3RWVqWlBLKZ8fm-_wAsydesMGMbIiDOC7CPM7bHnLzMykSvKLJCw12wERb4X9N4ac4sNCYbHRS38NrLgh8QixaTfBBh33QUiU/s320/twitter.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_Y6UTTOpjBjTOFD3F0HzGDazYEZYt6mcqV1V3Fu83F3hoLSMNccvVSA091xFd12pCuDunhlcLRORLY-0p87cnOEEo5lhT6E_V1nSkgd3NFNFd4CXnb904fFTnrT3sQOk280NTgeT2PM/s320/stumbleupon.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-PRVD0_ilfe1o7yINUflbvhi3Zi-E_3nymhb91F8asEbbgM9LLIrHKl_ek8zYN-rIC5xDe88eSd5X84n9nX4k-KSZnAel_kyjC3_M8x8nvh9kSWuCem_SGIilF80G-RAF_5c_XveFRI/s320/facebook.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgASqt4SJgdYSu9j-GliS5rs5WiJQTT3QVujwA5cPS7fFh3zlIm3Tbyv_4PwVVkwzUDgfUybNAk07qVbKlcVFhXSe0VJYN1MQt3YgZhN4cbq-dYAqpYuW3fG1bBGaqIS3i11N59pC42CA/s320/rss.png)
![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxeLbuHpJcy2CM_w-PT7NrP6qvGGwOKCwVC4f-m3oo6ZemZpxxCEwcYPmJDTgoD5vEXu1oHcImR1hFWnKn02fBdNjWYiRAD9T8W9L17LpyIVTvrxhZZhK-Sql9Klk1mK3XtaUWj5h6OAQ/s320/technorati.png)
0 comments :
Feel free to leave comment if you like above widget, have any questions or just say Hi! :)