jQuery验证手机号、身份证、姓名

Html

Css

.qupiao {
	margin:100px auto;
}

/*姓名身份证，手机号提交*/
function isChinaName(name) {
    var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
    return pattern.test(name);
}

// 验证身份证
function isCardNo(card) {
    var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
    return pattern.test(card);
}

// 验证手机号
function isPhoneNo(phone) {
    var pattern = /^1[34578]\d{9}$/;
    return pattern.test(phone);
}

/*用户名判断*/
function userName(inputid, spanid) {
    $(inputid).blur(function() {
        if ($.trim($(inputid).val()).length == 0) {
            $(spanid).html("× 名称没有输入");
        } else {
            if (isChinaName($.trim($(inputid).val())) == false) {
                $(spanid).html("× 名称不合法");
            }
        }
    });
    $(inputid).focus(function() {
        $(spanid).html("");
    });

};
userName('#name', "#checkExistname");
/*身份证判断*/
function userID(inputid, spanid) {
    $(inputid).blur(function() {
        if ($.trim($(inputid).val()).length == 0) {
            $(spanid).html("× 身份证号码没有输入");
        } else {
            if (isCardNo($.trim($(inputid).val())) == false) {
                $(spanid).html("× 身份证号不正确");
            }
        }
    });
    $(inputid).focus(function() {
        $(spanid).html("");
    });
};
userID('#identity', "#checkExistID");

/*手机号判断*/
function userTel(inputid, spanid) {
    $(inputid).blur(function() {
        if ($.trim($(inputid).val()).length == 0) {
            $(spanid).html("× 手机号没有输入");
        } else {
            if (isPhoneNo($.trim($(inputid).val())) == false) {
                $(spanid).html("× 手机号码不正确");
            }
        }
        $(inputid).focus(function() {
            $(spanid).html("");
        });
    });
};
userTel('#telephone', "#checkExistPhone");

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jQuery验证手机号、身份证、姓名



代码描述：jQuery验证手机号、身份证、姓名

登录注册，填写收获地址，完善个人信息时。对填写内容进行初步判断

3

最新

发表评论全部评论

暂时没有评论！

亚历山小0

2018/3/22 11:45:17

一点都不好
回复

西单0

2017/11/26 23:28:01

感觉好粗糙的
回复

西单0

2017/11/26 23:27:24

代码能再精简一些吗？回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

邢浩东

相关代码

验证个人信息

jQuery验证手机号、身份证、姓名

最新