layui 表单自定义验证规则

1、html

 <div class="layui-form-item">
    <label class="layui-form-label">账户创建数量</label>
    <div class="layui-input-block">
        <input type="text" name="account_num" required lay-verify="required|number|account_num"
                autocomplete="off" class="layui-input">
    </div>
</div>

2、js：

layui.use(['form', 'laydate'], function () {
    var form = layui.form
        , laydate = layui.laydate;

    // 表单验证
    form.verify({
        // 对应 input 的 lay-verify 属性
        account_num: function (value) {
            if (parseInt(value) > 1000 || parseInt(value) === 0) {
                return "账户数量不能超过1000或不能为0";
            } else if (parseInt(value) < 0) {
                return "账户数量不能为负数";
            }
        }
    });

});

以上用到的内置验证规则规则有：required、number，分别用来判断 input 是否为空、数字；当内置的规则不够用时，就可以考虑使用自定义规则了。

内置验证规则：https://blog.csdn.net/qq_35393869/article/details/86627689

注意：input 表单元素必须有 lay-verify 属性，有多个验证规则的话，用 | 隔开