layui修改表單驗證規則

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

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 "只能填寫數字"
        },
        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)$)/, "請輸入正確的身(和)份(諧)證號"]
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章