Tuesday, 2 May 2017

31.jQuery validation

  <script type = "text/javascript">
    function ValidateEmail(email) {
        var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-         9]{1,3})(\]?)$/;
        return expr.test(email);
    };

   function ValidateName(name) {
        var expr = /^[a-zA-Z ]{3,35}$/;
        return expr.test(name);
    };

    $("#contact_submit").click(function () {
 var email_id = $.trim($('#email_id').val());
 var name     =$.trim($('#contact_name').val());
 var msg     =$.trim($('#message').val());

    // Check if empty of not
    if (email_id  == '' && name  == '' && msg == '') {
       // alert('Please fill all the fields.');
       $('#contact_name').focus();
       jQuery('#fill').text('Please fill all the fields');
       jQuery('#fill').css('display','block');
        return false;
    }else{
jQuery('#fill').css('display','none');
}


  //name validation
    if (name  == '')
{
$('#contact_name').focus();
jQuery('#name_val').text('Please enter name');
jQuery('#msg_val').css('display','none');
jQuery('#name_val').css('display','block');
return false;
    }
    else if (!ValidateName($("#contact_name").val())) {

   jQuery('#name_val').text('Please enter a vaild name');
jQuery('#name_val').css('display','block');
jQuery('#email_validation').css('display','none');
jQuery('#msg_val').css('display','none');
$(':input').removeAttr('placeholder');
            //alert("Invalid email address.");
            return false;
    }
        else {

jQuery('#name_val').css('display','none');
            //alert("Valid email address.");
    }


//email validation
if (email_id  == '')
{
$('#email_id').focus();
jQuery('#email_val').text('Please enter email address');
jQuery('#email_validation').css('display','block');
return false;
    }
    else if (!ValidateEmail($("#email_id").val())) {

   jQuery('#email_val').text('Please enter vaild email');
jQuery('#email_validation').css('display','block');
jQuery('#msg_val').css('display','none');
$(':input').removeAttr('placeholder');
            //alert("Invalid email address.");
            return false;
    }
        else {

jQuery('#email_validation').css('display','none');
            //alert("Valid email address.");
    }

   //message validation
   if (msg  == '')
{
$('#message').focus();
jQuery('#msg_val').text('Please enter a message');
jQuery('#msg_val').css('display','block');
return false;
    }
    else
    {
jQuery('#msg_val').css('display','none');
}
    });
</script>

No comments:

Post a Comment