layui自定义验证lay-verify失效问题

lay-verify验证失效

1. 在form表单内加上class=“layui-form”

将<form class="layui-form">/form>
写为<div class="layui-form"><form class="layui-form">...</from></div>

2. 在想要校验的标签，加上lay-verify=“required|username” 在这个属性里，加上想要的值
   加粗内容可改写，layui提供自带校验

• required (必填项)
• phone（手机号）
• email（邮箱）
• url（网址）
• number（数字）
• date（日期）
• identity(身份证)

引用方式lay-verify=“required"即可

3. 自定义验证

    //Demo
    layui.use('form', function(){
        var form = layui.form;
        form.verify({
            BANKCARD:
                [
                    /^([1-9]{1})(\d{14}|\d{18})$/ //正则表达式
                    ,'请输入正确的银行卡号!'      //提示信息
                ]
        });
        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });

注意：js的引用应该在自定义script上方，否则自定义验证失效: