layui修改表單驗證的方法

使用layui的表單驗證form.js,一旦添加驗證,例如 lay-verify="phone"、lay-verify="email" 就會要求必填,然而很多時候我的要求是可以不填,但是填寫就需要按照規(guī)則來填寫,因此原生的form.js提供的驗證方法已不能滿足要求,我們需要實現(xiàn)這樣的功能就需要自己實現(xiàn),我們只需要修改layui下面的form.js在對應(yīng)的正則表達式"/"后面加上‘(^$)|’即可,如:

verify: {
        required: [/[\S]+/, "必填項不能為空"],
        phone: [/(^$)|^1\d{10}$/, "請輸入正確的手機號"],
        email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "郵箱格式不正確"],
        url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "鏈接格式不正確"],
        number: function(e) {
                if (!e || isNaN(e)) return "只能填寫數(shù)字"
        },
        date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正確"],
        identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "請輸入正確的身(和)份(諧)證號"]
}