<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" language="javascript">
function customvalidation(element) {
isvalid = true;
var classname = $(element).attr('class');
var value = $(element).val();
if (classname.indexOf("optional") == -1 && value == "") {
$(element).next("span").text('Field Required');
isvalid = false;
}
else {
$(element).next("span").text('');
if (classname.indexOf("phoneno") != -1) {
var numpattern = /^\d{8,12}$/;
if (value.match(numpattern)) {
$(element).next("span").text('');
}
else {
$(element).next("span").text('Invalid Number');
isvalid = false;
}
}
if (classname.indexOf("email") != -1) {
//verify email start
var pattern = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
if (value.match(pattern)) {
$(element).next("span").text('');
if (classname.indexOf("emaildb") != -1) {
$.ajax({
type: "post",
url: "Default5.aspx/checkEmail",
data: "{emaiId:'" + value + "' }",
async: false,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
if (data.d == "2") {
$(element).next("span").text('');
}
else if (data.d == "1") {
$(element).next("span").text('Purchased Already');
isvalid = false;
}
else if (data.d == "0") {
$(element).next("span").text('Not Exist in Bom Tv');
isvalid = false;
}
else if (data.d == "-1") {
$(element).next("span").text('SQL Error');
isvalid = false;
}
else {
$(element).next("span").text('Error');
isvalid = false;
}
},
error: function () {
alert('Problem');
isvalid = false;
}
});
}
}
else {
$(element).next("span").text('Invalid Email');
isvalid = false;
}
//verify email end
}
}
return isvalid;
}
$(document).ready(function () {
$('#purchasetable').dialog({ autoOpen: false, modal: true, title: "Enter Purchase Details", width: 600, resizable: false });
$('#userdetails').dialog({ autoOpen: false, modal: true, title: "Enter User Details", width: 700, resizable: false });
$("#purchasetable :input").blur(function () {
var element = $(this);
customvalidation(element);
});
$("#userdetails :input").blur(function () {
var element = $(this);
customvalidation(element);
});
$("#Purchasebtn").click(function () {
var invalidcount = 0;
$("#purchasetable :input[type=text]").each(function (index, element) {
if (customvalidation(element) == false)
invalidcount = invalidcount + 1;
});
if (invalidcount == 0) {
$('#userdetails').dialog('open');
$('.ui-widget-overlay').click(function () {
$('#userdetails').dialog('close');
});
}
});
$("#PurchaseCompletebtn").click(function () {
var invalidcount2 = 0;
$("#userdetails :input[type=text]").each(function (index, element) {
if (customvalidation(element) == false)
invalidcount2 = invalidcount2 + 1;
});
alert(invalidcount2);
if (invalidcount2 == 0) {
$.ajax({
type: "post",
url: "Default5.aspx/saveUserDetails",
data: "{productId:'productxt',userName:'" + $("#nametxt").val() + "',bomEmailId:'" + $("#bomEmailtxt").val() + "',amazonEmailId:'" + $("#amazonEmailtxt").val() + "',phoneNumber:'" + $("#phoneNumbertxt").val() + "',firstName:'" + $("#firstNametxt").val() + "',middleName:'" + $("#middleNametxt").val() + "',lastName:'" + $("#lastNametxt").val() + "',homeName:'" + $("#houseNametxt").val() + "',street:'" + $("#streettxt").val() + "',city:'" + $("#citytxt").val() + "',state:'" + $("#statetxt").val() + "',country:'" + $("#countrytxt").val() + "',zipCode:'" + $("#ziptxt").val() + "',mobile:'" + $("#mobiletxt").val() + "',homePhone:'" + $("#homePhonetxt").val() + "'}",
async: false,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
if (data.d = "1") {
alert('Complete Process');
$('#purchasetable').dialog('close');
$('#userdetails').dialog('close');
}
},
error: function () {
alert('Problem');
}
});
}
});
});
function purchasepopup() {
$('#purchasetable').dialog('open');
$('.ui-widget-overlay').click(function () { $('#purchasetable').dialog('close'); });
}
</script>
Saturday, October 27, 2012
custom jquery validation
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment