怎么用JQUERY写注册验证
这篇文章将为大家详细讲解有关怎么用JQUERY写注册验证,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司是一家集网站建设,且末企业网站建设,且末品牌网站建设,网站定制,且末网站建设报价,网络营销,网络优化,且末网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
1 兼容IE678
2 适合网站开发
html:
$(function () {
//用户名失去焦点
$("#userName").on("keyup blur", function () {
userNameCheck();
});
//密码失去焦点
$("#pwd").on("keyup blur", function () {
pwdCheck();
});
//确认密码失去焦点
$("#pwdConfirm").on("keyup blur", function () {
pwdConfirmCheck();
});
//邮箱失去焦点
$("#email").on("keyup blur", function () {
emailCheck();
});
//提交
$("#reg").click(function () {
if (userNameCheck() == false || pwdCheck() == false || pwdConfirmCheck()==false|| emailCheck()==false)
{
//alert("检查表单");
return;
}
else {
$.ajax({
type: "post",
url: "Submit.aspx",
data: $("form").serialize(),
success: function (response,status,xhr) {
if (response=="success")
{
alert("注册成功!");
window.location = "HtmlPage1.html";
}
else {
alert("注册失败!");
}
},
error: function () {
alert("ajax错误");
}
});
}
});
$(document).ajaxStart(function () {
$("#div1").show();
}).ajaxStop(function () {
$("#div1").hide();
});
});
//验证邮箱格式
function checkEmail(str) {
var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
if (re.test(str)) {
return true;
}
else {
return false;
};
};
function userNameCheck() {
var userName = $("#userName").val();
//用户名不能为空
if (userName == "") {
$("#label_UserName").html("用户名不能为空!");
//$("#userName")[0].focus();
return false;
}
else {
$.ajax({
type: "post",
url: "Ajax.aspx",
data: $.param({ userName: $("#userName").val() }),
success: function (response, status, xhr) {
if (response == "ok") {
$("#label_UserName").html('');
return true;
}
else {
$("#label_UserName").html("用户名已存在!");
return false;
}
}
});
}
};
function pwdCheck() {
var pwd = $("#pwd").val();
if (pwd == "") {
$("#lable_pwd").html("密码不能为空!");
//$("#pwd")[0].focus();
return false;
}
else {
if (pwd.length < 6) {
$("#lable_pwd").html("密码不能少于6位!");
return false;
}
else {
$("#lable_pwd").html('');
return true;
}
}
};
function pwdConfirmCheck() {
var pwdConfirm = $("#pwdConfirm").val();
if (pwdConfirm == "") {
$("#label_pwdConfirm").html('确认密码不能为空!');
return false;
}
else {
if ($("#pwdConfirm").val() != $("#pwd").val()) {
$("#label_pwdConfirm").html('两次输入的密码不一致,请重新输入!');
return false;
}
else {
$("#label_pwdConfirm").html('');
return true;
}
}
};
function emailCheck() {
var email = $("#email").val();
if (email == "") {
$("#label_email").html('邮箱不能为空!');
return false;
}
else {
if (checkEmail(email) == false) {
$("#label_email").html('邮箱格式不正确!');
return false;
}
else {
$("#label_email").html('');
return true;
}
}
}
#div1 {
width: 180px;
height: 140px;
display: none;
font-weight: bold;
color: red;
}