Layui自定义表单校验规则

                                                                         Layui自定义表单校验规则

相关博客：Layui默认表单校验规则

<div class="layui-form">
    <input type="text" class="layui-input" name="username" lay-verify="required|namecheck" autocomplete="off" placeholder="请输入用户名">
    <input type="text" class="layui-input" name="password" lay-verify="required|pwdcheck" autocomplete="off" placeholder="请输入密码" >
</div>

<script>
    layui.use('form', function() {
        let form = layui.form();

        //自定义验证
        form.verify({
            namecheck: function (value, item) { //value：表单的值、item：表单的DOM对象
                if (/^[0-9]*$/.test(value)) {
                    return '用户名不能全为数字';
                }
                if (!new RegExp("^[\u4e00-\u9fa5_a-zA-Z0-9]+$").test(value)) {
                    return '用户名不能有特殊字符';
                }
            },

            //我们既支持上述函数式的方式，也支持下述数组的形式
            //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
            pwdcheck: [
                /^[\S]{6,10}$/,
                '密码不能出现空格，且必须6到10位'
            ],
            int: [  //输入值为整数校验
                /^[0-9]+$/,
                '输入的值必须为整数'
            ]
        });
    });
</script>
</html>