今天看了下vue的視頻,里面有個v-model的表單綁定,當時在想,怎么才能只輸入數字?就如注冊表單時,只能用手機號注冊。呵呵,各位大神可能看了會笑,那么簡單的問題,俺是菜鳥,沒辦法,哈哈。當時直接用了h5的標簽屬性
<input type="number" name="" id="" value="" />
用谷歌試了一下,的確行。可是問題來了。用ie瀏覽器,火狐就不買賬了,出現了兼容問題,想了很久,百度了一下,找到一個比較靠譜的方法。
<input type="text" onkeypress="return event.keyCode>=48&&event.keyCode<=57" ng-pattern="/[^a-zA-Z]/" />
通過onkeyup事件是輸上后再去掉非數字字符
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/">
加上正則匹配不能輸入非數字字符ng-pattern="/[^a-zA-Z]/"。