jQuery.validate动态显示提示信息+自定义校验验证的触发验证方式修改

在项目中遇到表单验证需求,根据下拉框选项决定验证身份证号或手机号的合法性。本文介绍了如何使用jQuery.validate进行动态提示信息显示,并讲解了自定义验证方法的实现,包括修改触发验证的方式,确保不合法输入时提供相应错误提示。
摘要由CSDN通过智能技术生成

最近在公司写jsp页面的时候,填写表单需要验证。并且是有两种情况,先选下拉框,如果选的是身份证号就需要验证表单里的输入的是否是合法的身份证号。如果选的是手机号就需要验证表单里输入的是否是合法的手机号。并且如果不合法还需给出不同的提示。

在网上找到了添加自定义验证方法的函数(jQuery.validator.addMethod),但是提示信息是固定的。不过最好还是找到了一个亲测比较好用的方法。

这个方法还是需要jQuery.validator.addMethod函数来写,但是第三个参数需要改变一下。

        jQuery.validator.addMethod("whiteValues", function(value, element) {
            var phoneMsg=/^[0-9]{11}$/;
            var idMsg=/^[0-9]{18}$/;
            if($("#whiteType").val()=='1'){
                if (!phoneMsg.test(value)) {
                    $(element).data('error-msg','手机号不合法');
                    return false;
                }else{
                    return true;
                }

            }else if($("#whiteType").val()=='2'){

                if (!idMsg.test(value)) {
                    $(element).data('error
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值