怎么限制input的text里輸入的值只能是數(shù)字(正則、js)
當(dāng)我們在一些網(wǎng)站注冊賬號、填寫信息是,不小心將電話號碼填寫成漢字或其他英文字母了,這顯然是不正確的。為了幫助用戶更好地糾正輸入時的錯誤,在表單中填寫信息時,需要限制手機(jī)號、郵編、電話號碼這類文本框不能輸入其他字符,只能是數(shù)字。
通過使用正則匹配輸入的時候只是數(shù)字:
var numRegex = /\D/g
再通過JavaScript的onblur 事件:
定義和用法
onblur 事件會在對象失去焦點(diǎn)時發(fā)生。
Onblur 經(jīng)常用于Javascript驗(yàn)證代碼,一般用于表單輸入框
語法
HTML 中:
<element onblur="SomeJavaScriptCode">
JavaScript 中:
object.onblur= function(){ //操作 myScript; }
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener('blur',myScript);
最終DEMO代碼:
var numRegexFn = function(obj){ obj.value = obj.value.replace(numRegex,''); if(!obj.value){ alert('請輸入數(shù)字'); }else{ alert('pass'); } } phone.onblur = function(){ numRegexFn(this); }
以上所述是小編給大家介紹的使用正則表達(dá)式和js限制只能輸入數(shù)字的相關(guān)內(nèi)容,希望對大家有所幫助,也希望大家多多的關(guān)注腳本之家網(wǎng)站!
- input輸入框限制只能輸入數(shù)字的方法實(shí)例(個人認(rèn)為最好的)
- Elementui如何限制el-input框輸入小數(shù)點(diǎn)
- vue 限制input只能輸入正數(shù)的操作
- vue:el-input輸入時限制輸入的類型操作
- Angular限制input框輸入金額(是小數(shù)的話只保留兩位小數(shù)點(diǎn))
- JS通過正則限制 input 輸入框只能輸入整數(shù)、小數(shù)(金額或者現(xiàn)金) 兩位小數(shù)
- 使用正則限制input框只能輸入數(shù)字/英文/中文等等
- JS限制input框只能輸入0~100的正整數(shù)的兩種方法
相關(guān)文章
JS表單提交驗(yàn)證、input(type=number) 去三角 刷新驗(yàn)證碼
在進(jìn)行表單提交時,需要對輸入框和文本域等的value的合理性進(jìn)行驗(yàn)證,可以編寫form的onSubmit事件,下面給大家介紹js表單提交驗(yàn)證input(type=number) 去三角 刷新驗(yàn)證碼注意事項(xiàng),一起看看吧2017-06-06JavaScript深度復(fù)制(deep clone)的實(shí)現(xiàn)方法
本文給大家介紹JavaScript深度復(fù)制(deep clone)的實(shí)現(xiàn)方法,涉及到j(luò)s深度復(fù)制相關(guān)知識,本文介紹的非常詳細(xì),特此分享腳本之家平臺供大家參考2016-02-02js對數(shù)組中的數(shù)字從小到大排序?qū)崿F(xiàn)代碼
對數(shù)組中的數(shù)字從小到大排序,很多時候需要用的多,需要的朋友可以參考下2012-09-09uni-app 組件里面獲取元素寬高的實(shí)現(xiàn)
這篇文章主要介紹了uni-app 組件里面獲取元素寬高的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12