form-layui

Posted 2020-11-17 xiaonangua

内置表单验证

<input type="text" lay-verify="required|phone|number">
    <input type="text" lay-verify="email"> 

自定义验证

layui.use(‘form‘,function(){
        var form = layui.form;
        form.verify({
        username: function(value, item){ //value：表单的值、item：表单的DOM对象
            if(!new RegExp("^[a-zA-Z0-9_u4e00-u9fa5\s·]+$").test(value)){
            return ‘用户名不能有特殊字符‘;
            }
            if(/(^\_)|(\__)|(\_+$)/.test(value)){
            return ‘用户名首尾不能出现下划线‘_‘‘;
            }
            if(/^d+d+d$/.test(value)){
            return ‘用户名不能全为数字‘;
            }
        }
        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        ,pass: [
            /^[S]{6,12}$/
            ,‘密码必须6到12位，且不能出现空格‘
        ] 
        }); 
     })

自定义了上面的验证规则后，只需要把key赋值给输入框的 lay-verify，如：

<input type="text" lay-verify="username" placeholder="请输入用户名">
        <input type="password" lay-verify="pass" placeholder="请输入密码">