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>

 

發佈了209 篇原創文章 · 獲贊 35 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章