您好,登錄后才能下訂單哦!
使用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)$)/, "請輸入正確的身(和)份(諧)證號"]
}
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。