退出
充值

简单实用的VerJs表单验证提示插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-10-14
VerJs是一款简单实用原生js代码编写的表单验证提示插件,提供了常用的10种表单验证方式:必填验证、最小数字、最大数字、相等比较、最小长度、最大长度、正则验证、手机/电话验证、邮箱验证、身份证验证。


js代码

<script src="asset/verJs.js"></script>
<script>
    var form = new VerJs();
    form.init({
        form:"form",//验证的表单
        //验证数据集,也可以在标记中以data-XXX的形式加入验证
        data:{
            req:{
                required:true
            },
            min_number:{
                min:2
            },
            max_number:{
                max:12
            },
            eq:{
                equal:"#eq"
            },
            min_length:{
                minlength:6
            },
            max_length:{
                maxlength:6
            },
            rule:{
                rule:"^\\d{6}$",
                required:true
            },
            mobile:{
                mobile:true
            }
        },
        //验证提示消息
        message:{
            req:{
                required:"这是一条必填数据"
            },
            rule:{
                rule:"请输入六位数字"
            }
        },
        success:function (data) {
            //ajax提交成功后的回调函数
            alert("hahahha");
        },
        fail:function (data) {
            //ajax提交失败后的回调函数
            alert("ieieiiruwei");
        }
    });
</script>