js控制文本框只輸入數(shù)字和小數(shù)點(diǎn)的方法
更新時(shí)間：2015年03月10日 15:39:10 作者：MeGoodtoo
這篇文章主要介紹了js控制文本框只輸入數(shù)字和小數(shù)點(diǎn)的方法,實(shí)例分析了javascript使用正則表達(dá)式實(shí)現(xiàn)限制數(shù)字和小數(shù)點(diǎn)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js控制文本框只輸入數(shù)字和小數(shù)點(diǎn)的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
function clearNoNum(obj) {
obj.value = obj.value.replace(/[^\d.]/g, "");//清除“數(shù)字”和“.”以外的字符
obj.value = obj.value.replace(/^\./g, "");//驗(yàn)證第一個(gè)字符是數(shù)字而不是.
obj.value = obj.value.replace(/\.{2,}/g, ".");//只保留第一個(gè). 清除多余的.
obj.value = obj.value.replace(".", "$#$").replace(/\./g,"").replace("$#$", ".");
}
obj.value = obj.value.replace(/[^\d.]/g, "");//清除“數(shù)字”和“.”以外的字符
obj.value = obj.value.replace(/^\./g, "");//驗(yàn)證第一個(gè)字符是數(shù)字而不是.
obj.value = obj.value.replace(/\.{2,}/g, ".");//只保留第一個(gè). 清除多余的.
obj.value = obj.value.replace(".", "$#$").replace(/\./g,"").replace("$#$", ".");
}
用法如下：
復(fù)制代碼 代碼如下:
<input name="input1" onkeyup="clearNoNum(this)">
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
- js限制文本框只能輸入數(shù)字方法小結(jié)
- js 限制input只能輸入數(shù)字、字母和漢字等等
- JS只能輸入數(shù)字或數(shù)字和字母等的正則表達(dá)式
- javascript驗(yàn)證只能輸入數(shù)字和一個(gè)小數(shù)點(diǎn)示例
- 解析使用js判斷只能輸入數(shù)字、字母等驗(yàn)證的方法(總結(jié))
- 『JavaScript』限制Input只能輸入數(shù)字實(shí)現(xiàn)思路及代碼
- js限制文本框只能輸入數(shù)字(正則表達(dá)式)
- js禁止小鍵盤輸入數(shù)字功能代碼
- js 只能輸入數(shù)字和小數(shù)點(diǎn)的文本框改進(jìn)版
- 純JS實(shí)現(xiàn)只能輸入數(shù)字的簡單代碼
相關(guān)文章
這篇文章主要介紹了詳解Javascript繼承的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-03-03
javascript數(shù)組組合成字符串的腳本...2007-11-11
本篇文章主要介紹了webpack打包單頁面如何引用的js，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
JS執(zhí)行是單線程的，它是基于事件循環(huán)的，那么本篇博文就來分享一下關(guān)于JS的事件循環(huán)執(zhí)行機(jī)制，感興趣的小伙伴可以跟著小編一起來學(xué)習(xí)2023-05-05
這篇文章主要介紹了微信小程序利用Canvas繪制圖片和豎排文字詳解，合成圖片應(yīng)該按照 Canvas 的文檔來做都沒什么問題，主要是有個(gè)豎排文字的需求，這里和大家分享一下,需要的朋友可以參考下2019-06-06
javascript實(shí)現(xiàn)的制作特殊字的腳本
javascript實(shí)現(xiàn)的制作特殊字的腳本...2007-06-06
在js中將中文用gb2312編碼。如，“我”編碼后應(yīng)該是“%CE%D2”。2009-12-12
dropdownlist之間的互相聯(lián)動(dòng)實(shí)現(xiàn)（顯示與隱藏）
dropdownlist之間的互相聯(lián)動(dòng)（顯示與隱藏）2009-11-11
這篇文章主要給大家介紹了關(guān)于前端大文件分片MinIO上傳的詳細(xì)代碼,Minio支持分片上傳大文件,這個(gè)功能可以讓用戶將大文件劃分成小塊,然后在多個(gè)并行的HTTP請(qǐng)求中上傳這些小塊,從而提高上傳速度和穩(wěn)定性,需要的朋友可以參考下2024-09-09
JavaScript實(shí)現(xiàn)為input與textarea自定義hover,focus效果的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)為input與textarea自定義hover,focus效果的方法,可實(shí)現(xiàn)根據(jù)鼠標(biāo)事件動(dòng)態(tài)改變input與textarea樣式的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08