修改layui的表單手機、郵箱驗證可以為空怎么實現？

 

修改layui的表單手機、郵箱驗證可以為空

 

解決辦法：

1. 修改源碼：

   把表單驗證源代碼（form.js）的正則表達式改一下，例如手機的正則為：/^1d{10}$/，可以改成/^$|^1d{10}$/，前面加一個^$|試試，郵箱修改也是如此。

2. 自定義驗證規則

    

JS:

myemail:function (value, item) {

        if(value!=""){  //值不是空的時候再去走驗證

            if(!/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/.test(value)){

             return '郵箱格式不對';

           }

        }

    },

    phones: [/^1[3|4|5|6|7|8|9]\d{9}$/, '請輸入有效手機號！'],

    //我們既支持上述函數式的方式，也支持下述數組的形式

    //數組的兩個值分別代表：[正則匹配、匹配不符時的提示文字]

    password: [

        /^[\S]{6,16}$/

        , '密碼必須6到16位，且不能出現空格'

    ]

 

Html:

<!-- 手機號 -->

            <div class="layui-form-item">

                <label class="layui-form-label">* 手機號</label>

                <div class="layui-input-inline">

                    <input type="tel" name="tel" value="{$data.tel|default=''}" autocomplete="off" maxlength=11 placeholder="請輸入手機號" lay-verify="required|phones" class="layui-input">

                </div>

            </div>

 

 

文章來源：劉俊濤的博客 歡迎關注公眾號、留言、評論，一起學習。

__________________________________________________________________________________

若有幫助到您，歡迎捐贈支持，您的支持是對我堅持最好的肯定(*^_^*)