為輸入框加入數字js校驗代碼分享
更新時間：2017年11月02日 10:47:40 作者：gz153016
這篇文章主要介紹了為輸入框加入數字js校驗代碼分享，還是比較不錯的，這里分享給大家，供需要的朋友參考。
js限制只能數字輸入，并且在把輸入的“非法字符”清除掉之后將焦點停留在輸入非法字符的位置，參考如下：
html部分：
<input value="" type="text" onkeyup="javascript:RepNumber(this)">
JavaScript部分:
function RepNumber(obj) {
var reg = /^[\d]+$/g;
if (!reg.test(obj.value)) {
var txt = obj.value;
txt.replace(/[^0-9]+/,
function(char, index, val) { //匹配第一次非數字字符
obj.value = val.replace(/\D/g, ""); //將非數字字符替換成""
var rtextRange = null;
if (obj.setSelectionRange) {
obj.setSelectionRange(index, index);
} else { //支持ie
rtextRange = obj.createTextRange();
rtextRange.moveStart('character', index);
rtextRange.collapse(true);
rtextRange.select();
}
})
}
}
下面再分享一個實例：
function chkNumber(eleText)
{
var value =eleText.value;
var len =value.length;
for(vari=0;i<len;i++)
{
if(value.charAt(i)>"9"|| value.charAt(i)<"0")
{
alert("含有非數字字符");
eleText.focus();
break;
}
}
}
總結
以上就是本文關于為輸入框加入數字js校驗代碼分享的全部內容，希望對大家有所幫助。歡迎參閱本站：Java實現JS中的escape和UNescape代碼分享、在 Node.js 中使用原生 ES 模塊方法解析等，如有不足之處，歡迎留言指出！
相關文章
這篇文章主要介紹了微信小程序 wxapp內容組件 text詳細介紹的相關資料,并附簡單實例代碼，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序模塊化詳細介紹的相關資料,需要的朋友可以參考下2016-09-09
TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則
這篇文章主要為大家介紹了TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了微信小程序 九宮格實例代碼的相關資料,需要的朋友可以參考下2017-01-01
微信小程序 在Chrome瀏覽器上運行以及WebStorm的使用
這篇文章主要介紹了微信小程序 在Chrome瀏覽器上運行以及WebStorm的使用的相關資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了微信小程序 Toast自定義實例詳解的相關資料,需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了JS前端以輕量fabric.js實現示例理解canvas可視化，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要為大家介紹了JS前端繪圖canvas模糊問題示例高清圖解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
JavaScript?Canvas實現兼容IE的兔子發(fā)射爆破動圖特效
這篇文章主要為大家介紹了JavaScript?Canvas實現兼容IE的兔子發(fā)射爆破動圖特效示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了微信小程序 前端源碼邏輯和工作流詳解的相關資料,需要的朋友可以參考下2016-10-10