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 });
$(".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:
Post a Comment