Thursday, 17 March 2016

JavaScript Validation

1.Required Validation           
$(".error").hide();
            var Email = $('#Email').val();
            if (Email == null || Email == '') {
                $("#Email").after('<p><span class="error">Please Enter Your Email ID.</span></p>');
                $('#Email').focus();
                return false;
            }
2.Email Vlidation
 var emailReg = /^([\w-\.]+@@([\w-]+\.)+[\w-]{2,4})?$/;
            if (!emailReg.test(Email)) {
                $("#Email").after('<p><span class="error">Please Enter Your Valid Email ID.</span></p>');
                $('#Email').focus();
                return false;
            }
3.Password Length Validation
 var emailReg = /^([\w-\.]+@@([\w-]+\.)+[\w-]{2,4})?$/;
            if (!emailReg.test(Email)) {
                $("#Email").after('<p><span class="error">Please Enter Your Valid Email ID.</span></p>');
                $('#Email').focus();
                return false;
            }
4.Password Contain At-least one Number
re = /[0-9]/;
            if (!re.test(pwd)) {
                $("#pwd").after('<p><span class="error">password must contain at least one number (0-9).</span></p>');
                $('#pwd').focus();
                return false;
            }
5.Password Contain At-least one Alphabet
 res = /[a-zA-Z]/;
            if (!res.test(pwd)) {
                $("#pwd").after('<p><span class="error">password must contain at least one Alphabet  (A-Z).</span></p>');
                $('#pwd').focus();
                return false;
            }
6.Password and Confirm Password does not match
 if (pwd != ConfirmPwd) {
                $("#ConfirmPwd").after('<p><span class="error">Password and Confirm Password does not match.</span></p>');
                $('#ConfirmPwd').focus();
                return false;
            }
7.Phonenumber Validation and 10 Digits Validation
var Mobilereg = /^[0-9-+]+$/;
            if (!Mobilereg.test(Phone)) {
                $("#Phone").after('<p><span class="error">Please Enter Only Numbers.</span></p>');
                $('#Phone').focus();
                return false;
            }
 if (Phone.length != 10) {
                $("#Phone").after('<p><span class="error">Please Enter Your 10 digits Phone Number.</span></p>');
                $('#Phone').focus();
                return false;            }
8.Check box -Terms & Conditions Validation
if ($("#Tcusr").prop('checked') == false) {
                alert('Please accept the Terms & Conditions.');
                $('#Tcuser').focus();
                return false;
            }
9.Image Validation
 //FILE Validation
            var file = $('input[type="file"]').val();
            var exts = ['jpg', 'jpeg', 'png'];
            if (file) {
                var get_ext = file.split('.');
                get_ext = get_ext.reverse();
                if ($.inArray(get_ext[0].toLowerCase(), exts) > -1) {
                }
                else {
                    $("#img").after('<p><span class="error" style="float: none;">Please Choose Your Profile Image on following Formats(Png,Jpg,Jpeg).</span></center></p>');
                    $('#img').focus();
                    return false;
                }
            }
10.Image Size Validation
var file_size = $('#img')[0].files[0].size;
            if (file_size > 1097152) {
                $("#img").after('<p><span class="error" style="float: none;">File size is greater than 2MB on following Formats(Png,Jpg,Jpeg).</span></center></p>');
                $('#img').focus();
                return false;
            }
11.length Validation
var username_length = $('#Name').val().length;
            if (username_length > 45) {
                $("#Name").after('<p><span class="error">Please Enter Your Name Below 45 characters.</span></p>');
                $('#Name').focus();
                return false;
            }
12.DropdownList Validation
var Gender = $('#Gender').val();
            if (Gender == '0') {
                $("#ddlGender").after('<p><span class="error">Please Choose Your Gender.</span></p>');
                $('#ddlGender').focus();
                return false;
            }

13.onkeyup and Text Area Count Left

<p>@Html.TextArea("AboutyourSelf", "", new { @class = "txtabtmyself", @id = "txtabtmyself", placeholder = "AboutyourSelf", @onkeyup = "javascript:ValidateCharactercount(this);", @maxlength = 250 })</p>

 //Text Area Count Left
    function ValidateCharactercount(cont) {
        var id = "#" + cont.id;
        var len = 250 - $(id).val().length;
        if (len > 0) {
            $("#divmessage").html("Character Left :" + len);
        }
        else {
            $("#divmessage").html("Character Left :" + 0);
        }
    }
14.onkeypress  and Character Validation

function Char(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || charCode == 46 || charCode == 8 || charCode == 32)
            return true;
        return false;
    }

<p>@Html.TextBoxFor(m => m.Name, new { @class = "txtreg", @id = "Name", @placeholder = "Name", @onkeypress = "return Char(event);", @maxlength = 45 })</p>
15. Number Validation
 function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        if (charCode.length > 11)
            return false;
        return true;
    }
16. Number and Character Validation
function numChar(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || charCode == 8 || charCode == 32 || (charCode >= 48 && charCode <= 57) || charCode <= 32 || charCode <= 47 || charCode == 44)
            return true;
        return false;
    }




17. javaScript Functions

a) Onclick()

$("#imgNxt").live("click", function () {    //Msg  });
$('.hi').click(function () {      //Msg  });
$(document).on("click", "#imgNxt", function(){     //Msg  });


b)change
$("#VideoURL").change(function (e) {     //Msg   }); 

No comments: