vue 表單驗證--自定義規則

// 手機號 var validatePhone = (rule, value, callback) => { var phone = value.replace(/\s/g, ""); //去除空格 //校驗手機號,號段主要有(不包括上網卡):130~139、150~153,155~159,180~189、170~171、176~178。14號段爲上網卡專屬號段 let regs = /^((13[0-9])|(17[0-1,6-8])|(15[^4,\\D])|(18[0-9]))\d{8}$/; if (value.length == 0) { callback(new Error("請輸入手機號")); } else { if (!regs.test(phone)) { callback(new Error("手機號輸入不合法")); } else { callback(); } } }; // 郵箱 var validateEmail = (rule, value, callback) => { var email = value.replace(/\s/g, ""); //去除空格 let regs = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; if (value.length == 0) { callback(new Error("請輸入電子郵箱")); } else { if (!regs.test(email)) { callback(new Error("電子郵箱輸入不合法")); } else { callback(); } } }; // 傳真 var validateFax = (rule, value, callback) => { var fax = value.replace(/\s/g, ""); //去除空格 let regs = /^(\d{3,4}-)?\d{7,8}$/; if (value.length == 0) { callback(new Error("請輸入傳真")); } else { if (!regs.test(fax)) { callback(new Error("傳真輸入不合法")); } else { callback(); } } }; // 網址 var validateUrl = (rule, value, callback) => { var url = value.replace(/\s/g, ""); //去除空格 let regs = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=.]+$/; if (value.length == 0) { callback(new Error("請輸入網址")); } else { if (!regs.test(url)) { callback(new Error("網址輸入不合法")); } else { callback(); } } };
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章