js限制輸入框只能輸入數(shù)字(onkeyup觸發(fā))
例子:html代碼
<input type="text" name="" id="box" />
通常都直接用:
<input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/>
以上的缺點是,當你正確輸入的是一串數(shù)字后,想用光標移動到前面修改其中的一個數(shù)字,發(fā)現(xiàn)移不動,所以就顯示了下面的方法的好處
其實加個if更加和諧:
$('input#box').keyup(function(){ var c=$(this); if(/[^\d]/.test(c.val())){//替換非數(shù)字字符 var temp_amount=c.val().replace(/[^\d]/g,''); $(this).val(temp_amount); } })
上面的函數(shù)使用了jquery的選擇器,大家注意別忘了需要加載jquery。jquery下載
更多的功能可以參考這篇文章:js限制文本框只能輸入數(shù)字方法小結(jié)
相關(guān)文章
解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript中while循環(huán)的基礎(chǔ)使用教程
這篇文章主要給大家介紹了關(guān)于JavaScript中while循環(huán)的基礎(chǔ)使用教程,文中通過示例代碼介紹的非常詳細,對大家學習或者使用JavaScript具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2020-08-08Bootstrap導航菜單點擊后無法自動添加active的處理方法
今天小編就為大家分享一篇Bootstrap導航菜單點擊后無法自動添加active的處理方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08