input框輸入手機號的約束
input &＃64;input&＃61;"onlyNum" class&＃61;"inp" v-model&＃61;"phone" name&＃61;"phone" type&＃61;"number" maxlength&＃61;"11" placeholder&＃61;"請輸入您的聯系電話" placeholder-class&＃61;"pl-style" &＃64;blur&＃61;"replaceInput" />
onlyNum(){if(!(event.keyCode&＃61;&＃61;46)&&!(event.keyCode&＃61;&＃61;8)&&!(event.keyCode&＃61;&＃61;37)&&!(event.keyCode&＃61;&＃61;39))if(!((event.keyCode>&＃61;48&&event.keyCode)||(event.keyCode>&＃61;96&&event.keyCode)))event.returnValue&＃61;false; //執行至該語句時&＃xff0c;阻止輸入&＃xff1b;可類比阻止冒泡原理或者禁止右鍵功能&＃xff1b;
},
replaceInput(event){var phone &＃61; event.target.value;let regs &＃61; /^1[3|4|5|7|8][0-9]{9}$/;if(!regs.test(phone)){ this.$tools.toast(&＃39;填入的電話號碼有誤&＃xff0c;請重填&＃39;);this.phone &＃61; null;return false; }
}
input框對于輸入特殊字符的約束
input class&＃61;"inp" v-model&＃61;"toBaADistributor.trueName" name&＃61;"trueName" placeholder&＃61;"請輸入您的姓名" &＃64;input&＃61;"replaceInput" placeholder-class&＃61;"pl-style" />
// 當姓名輸入框為數字或符號時&＃xff0c;替換為沒有非法字符的
replaceInput(event){this._timer&＃61;setTimeout(()&＃61;>{clearTimeout(this._timer)var value &＃61; event.target.value;//匹配數字的正則表達式var patt &＃61; /.*[0-9]{1,}.*/i;//匹配特殊字符的正則表達式var pattern &＃61; new RegExp("[&＃96;~!&＃64;#$^&*()&＃61;|{}&＃39;:;&＃39;,\\[\\]./?~&＃xff01;&＃64;#&＃xffe5;……&*&＃xff08;&＃xff09;——|{}【】‘&＃xff1b;&＃xff1a;”“&＃39;。愛掏網 - it200.com&＃xff0c;、&＃xff1f;]");let _str&＃61;""for(let i&＃61;0,len&＃61;value.length;ilen;i&＃43;&＃43;){_str&＃43;&＃61;value[i].replace(pattern,&＃39;&＃39;).replace(patt,&＃39;&＃39;)}this.toBaADistributor.trueName &＃61; _str;},1)
},