【实用随记】JQ表单验证

function checkName() {

var name = $.trim($(':text:first').val());

var length = name.length;

var res = /^[\u0391-\uFFE5]{2,}$/;

var errmsg = '';

if(length == 0){

errmsg = '用户名不能为空';

}else if(length < 3){

errmsg = '用户名不能少于3个字符';

}else if(res.test(name)){

errmsg = '用户名不能为中文';

}

$('#name span').text(errmsg);

if (errmsg == '' ){

$('#name span').text('√');

}

}

function checkPasswork() {

var password = $(':password:first').val();

var length = password.length;

var errmsg = '';

if(length == 0){

errmsg = '密码不能为空';

}else if (length < 6){

errmsg = '密码不能少于6位';

}

$('#password span').text(errmsg);

if(errmsg == ''){

$('#password span').text('√');

}

}

function checkRepass(){

var repass = $(':password:last').val();

var password = $(':password:first').val();

var length = repass.length;

var errmsg = '';

if(length == 0){

errmsg = '请重复您的密码';

}else if (repass != password){

errmsg = '两次密码输入不一致';

}

$('#repass span').text(errmsg);

if(errmsg == ''){

$('#repass span').text('√');

}

}

function isEmail(str){

str = str.toLowerCase();

var regex = /^[a-z0-9-]{1,30}@[a-z0-9-]{1,65}.[a-z]{2,4}$/;

return regex.test(str);

}

function checkEmail(){

var email = $.trim($(':text:eq(1)').val());

var length = email.length;

var res = /^[\u0391-\uFFE5]{2,}$/;

var errmsg = '';

if(length == 0){

errmsg = 'email地址不能为空';

}else if(length < 3){

errmsg = 'email格式不正确';

}else if(res.test(email)){

errmsg = 'email格式不正确';

}else if(!isEmail(email)){

errmsg = 'email格式不正确';

}

$('#email-adress span').text(errmsg);

if(errmsg == ''){

$('#email-adress span').text('√');

}

}

function isBir(str){

var regex = /^$/;

return regex.test(str);

}

function checkBirthday(){

var birthday = $.trim($(':text:last').val());

var length = birthday.length;

var errmsg = '';

if(length != 8){

errmsg = '生日格式不正确';

}

$('#birthday span').text(errmsg);

if(errmsg == ''){

$('#birthday span').text('√');

}

}

$(document).ready(function(){

/*

1，用户名失去焦点时，检查是否为空、是否有特殊字符、长度是否少于三个字符；

2，密码框失去焦点时，检查是否为空、是否含有大写字母、小写字母、数字、长度是否少于六个字符；

3,重复密码失去焦点时，检查是否为空、是否与密码框一致；

4，电子邮箱失去焦点时，检查地址是否为空、是否含有@即是否合法；

5，生日失去焦点时，检查日期格式是否为空、是否正确。

6，点击注册按钮时，重新检测上述步骤，不满足时不予下一步。

*/

$(':text:eq(0)').blur(function(){

checkName();

});

$(':password:first').blur(function(){

checkPasswork();

});

$(':password:last').blur(function(){

checkRepass();

});

$(':text:eq(1)').blur(function(){

checkEmail();

});

$(':text:eq(2)').blur(function(){

checkBirthday();

});

});