html正则表达式表单验证,正则表达式表单验证(原创)

$(function() {

//验证通行证用户名的非空验证

function Passname() {

var pname = $("#userName").val();

if (pname == '') {

$("#userNameId").addClass('error_prompt');

$("#userNameId").html("验证通行证用户名不能为空");

return false;

}

//规定正则以数字字母开头

var reg = /^[a-zA-Z][a-zA-Z0-9_]*$/;

if (reg.test(pname) == false) {

$("#userNameId").addClass("error_prompt");

$("#userNameId").html("由字，数，下，点，减号组成...");

//$("#userName").val("");

return false;

} else if (reg.test(pname) == true) {

$("#userNameId").addClass('ok_prompt');

$("#userNameId").html("通行证用户名输入正确");

return true;

}

}

//通行证失去焦点的时候

var blurname = $("#userName");

blurname.blur(function() {

return Passname();

});

//验证登陆密码长度为6~16位

//密码是6-16位字母加数字

function Pwd11() {

var textpwd = $("#pwd").val();

if (textpwd == '') {

$("#pwdId").addClass("error_prompt");

$("#pwdId").html("密码是必填！");

return false;

}

var pwd11 = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/;

if (pwd11.test(textpwd) == false) {

$("#pwdId").addClass("error_prompt");

$("#pwdId").html("密码是6-16位字母加数字");

return false;

} else if (pwd11.test(textpwd) == true) {

$("#pwdId").addClass("ok_prompt");

$("#pwdId").html("密码格式合格");

return true;

}

}

//密码失去焦点

var blurpwd = $("#pwd");

blurpwd.blur(function() {

return Pwd11();

});

//再次验证密码

function twopwd() {

var firstpwd = $("#pwd").val(); //第一次输入的密码

var tpwd = $("#repwd").val(); //第二次输入的密码的时候。

if (firstpwd != tpwd) {

$("#repwdId").addClass("error_prompt");

$("#repwdId").html("两次输入的密码不一致！");

return false;

} else if (firstpwd == "") {

$("#repwdId").addClass("error_prompt");

$("#repwdId").html("重复密码不能为空!");

return false;

} else {

$("#repwdId").addClass("ok_prompt");

$("#repwdId").html("ok!");

return true;

}

}

//重复密码失去焦点

var blurtwopwd = $("#repwd");

blurtwopwd.blur(function() {

return twopwd();

});

//真实姓名

function truename() {

var regname = $("#realName").val();

//汉字

var regn = /^[\u4e00-\u9fa5]{2,4}$/;

if (regn.test(regname) == false) {

$("#realNameId").addClass("error_prompt");

$("#realNameId").html("格式不合格");

return false;

} else {

$("#realNameId").addClass("ok_prompt");

$("#realNameId").html("格式合格");

}

}

//真实姓名失去焦点

var blurtruename = $("#realName");

blurtruename.blur(function() {

return truename();

});

//昵称

function nickname() {

var kname = $("#nickName").val();

var len = kname.replace(/[\u4e00-\u9fa5]/g, "xx").length;

if (len == 0) {

$("#nickNameId").addClass("error_prompt");

$("#nickNameId").html("昵称的输入的格式不正确！");

return false;

} else {

$("#nickNameId").addClass("ok_prompt");

$("#nickNameId").html("昵称的输入的格式正确！");

return true;

}

}

//昵称失去焦点

var e = $("#nickName");

e.blur(function() {

return nickname();

});

//验证以1开头的11位手机号码

function number() {

var num = $("#tel").val();

var regnum = /^1([1-9]|4[57]|5[0-35-9]|7[0135678]|8[0-9])\d{8}$/;

if (regnum.test(num) == false) {

$("#telId").addClass("error_prompt");

$("#telId").html("请以1开头的11位手机号码");

return false;

} else if (regnum.test(num) == true) {

$("#telId").addClass("ok_prompt");

$("#telId").html("关联手机号正确！");

return true;

}

}

//失去焦点的时候

var num1 = $("#tel");

num1.blur(function() {

return number();

});

//邮箱

function emails() {

var ema = $("#email").val();

if (ema == '') {

$("#emailId").addClass("import_prompt");

$("#emailId").html("请输入您常用的电子邮箱!");

return false;

} else if (ema.search(/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/) == -1) {

$("#emailId").addClass("error_prompt");

$("#emailId").html("请输入正确的邮箱格式!");

return false;

} else {

$("#emailId").addClass("ok_prompt");

$("#emailId").html("邮箱格式正确!");

return true;

}

}

var emalss = $("#email");

emalss.blur(function() {

return emails();

});

//form.submit提交的按钮

$("#registerForm").submit(function() {

return Passname() && Pwd11() && twopwd() && nickname() && number() && emails();

});

//键盘点击事件

$(document).keydown(function(event) {

if (event.keyCode == "13") { //按下回车键

return Passname() && Pwd11() && twopwd() && nickname() && number() && emails();

}

});

});