基于input框覆蓋掉數(shù)字英文的實(shí)例講解

更新時(shí)間：2017年07月21日 08:07:18 投稿：jingxian

下面小編就為大家?guī)?lái)一篇基于input框覆蓋掉數(shù)字英文的實(shí)例講解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

例子1：

<input type="text" value="0" onkeyup="cleartwoNum(this)">

//限制input框輸入只能數(shù)字:
function cleartwoNum(obj) {
  obj.value = obj.value.replace(/[^\d]/g, '');
}

例子2：可以輸入金額

<input type="text" value="0" onkeyup="clearNoNum(this)">

//限制input框輸入:
function clearNoNum(obj) {
  //先把非數(shù)字的都替換掉，除了數(shù)字和.
  obj.value = obj.value.replace(/[^\d.]/g, "");
  //必須保證第一個(gè)為數(shù)字而不是.
  obj.value = obj.value.replace(/^\./g, "");
  //保證只有出現(xiàn)一個(gè).而沒(méi)有多個(gè).
  obj.value = obj.value.replace(/\.{2,}/g, ".");
  //保證.只出現(xiàn)一次，而不能出現(xiàn)兩次以上
  obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
}

以上這篇基于input框覆蓋掉數(shù)字英文的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

基于Bootstrap框架菜鳥入門教程(推薦)
下面小編就為大家?guī)?lái)一篇基于Bootstrap框架菜鳥入門教程(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
JS實(shí)現(xiàn)帶鼠標(biāo)效果的頭像及文章列表代碼
這篇文章主要介紹了JS實(shí)現(xiàn)帶鼠標(biāo)效果的頭像及文章列表代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)切換頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
JS實(shí)現(xiàn)的將html轉(zhuǎn)為pdf功能【基于瀏覽器端插件jsPDF】
這篇文章主要介紹了JS實(shí)現(xiàn)的將html轉(zhuǎn)為pdf功能,結(jié)合完整實(shí)例形式分析了基于瀏覽器端插件jsPDF實(shí)現(xiàn)的HTML格式數(shù)據(jù)轉(zhuǎn)換成pdf具體操作技巧,需要的朋友可以參考下
2018-02-02
如何利用js給自己照相并修圖
在一些瀏覽器里已經(jīng)可以使用web api調(diào)用攝像頭功能了,下面這篇文章主要給大家介紹了關(guān)于如何利用js給自己照相并修圖的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05
echarts 3D地圖為區(qū)域自定義顏色的解決方法
在Echarts中,我們很多時(shí)候是需要給自己想要的幾個(gè)區(qū)域的地圖進(jìn)行顏色高亮,這篇文章主要給大家介紹了關(guān)于echarts 3D地圖為區(qū)域自定義顏色的相關(guān)資料,需要的朋友可以參考下
2021-08-08
js獲得指定控件輸入光標(biāo)的坐標(biāo)兼容IE,Chrome,火狐等多種主流瀏覽器
js獲得指定控件光標(biāo)的坐標(biāo)，兼容IE,Chrome,火狐等多種主流瀏覽器，實(shí)現(xiàn)代碼及調(diào)用代碼如下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-05-05
深入理解JavaScript系列（35）：設(shè)計(jì)模式之迭代器模式詳解
這篇文章主要介紹了深入理解JavaScript系列（35）：設(shè)計(jì)模式之迭代器模式詳解,迭代器模式(Iterator)：提供一種方法順序一個(gè)聚合對(duì)象中各個(gè)元素,而又不暴露該對(duì)象內(nèi)部表示,需要的朋友可以參考下
2015-03-03
JavaScript中隨機(jī)數(shù)方法?Math.random()
這篇文章主要介紹了JavaScript中隨機(jī)數(shù)方法?Math.random()，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-06-06
JavaScript頁(yè)面模板庫(kù)handlebars的簡(jiǎn)單用法
本文主要是給大家分享的一個(gè)javascript頁(yè)面模板庫(kù)Handlebars的簡(jiǎn)單用法，可以幫助大家輕松的構(gòu)建語(yǔ)義化模板，非常的實(shí)用，推薦給大家。
2015-03-03
解決webpack無(wú)法通過(guò)IP地址訪問(wèn)localhost的問(wèn)題
下面小編就為大家分享一篇解決webpack無(wú)法通過(guò)IP地址訪問(wèn)localhost的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02