Layui默认表单校验规则

                                                                       Layui默认表单校验规则

相关博客:Layui自定义表单校验规则

<div class="layui-form">
    <input type="text" class="layui-input" name="username" lay-verify="required" autocomplete="off" placeholder="请输入用户名">
    <input type="text" class="layui-input" name="phone" lay-verify="required|phone" autocomplete="off" placeholder="请输入手机号" >
</div>

<script>
    let obj = form.render();//得引入form并定义
    let verify = obj.config.verify;
    console.log(verify);    //打印这个,

    //我们既支持上述函数式的方式,也支持下述数组的形式
    //数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
    form.verify({
        date:  [
            /^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/
            ,'日期格式不正确'
        ]
        ,email: [
            /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/
            ,'邮箱格式不正确'
        ]
        ,identity: [
            /(^\d{15}$)|(^\d{17}(x|X|\d)$)/
            ,'请输入正确的身份证号'
        ]
        ,number: function(value, item){  // value:表单的值、item:表单的DOM对象
            if(!value||isNaN(value))
                return"只能填写数字"
        }
        ,phone: [
            /^1\d{10}$/
            ,'请输入正确的手机号'
        ]
        ,required: [
            /[\S]+/
            ,'必填项不能为空'
        ]
        ,url: [
            /(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/
            ,'链接格式不正确'
        ]
    });
</script>

 

发布了206 篇原创文章 · 获赞 31 · 访问量 13万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览