限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點(diǎn)||只能是整數(shù)和浮點(diǎn)數(shù)
更新時(shí)間：2016年05月27日 14:11:26 作者：扶強(qiáng)
這篇文章主要介紹了限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點(diǎn)||只能是整數(shù)和浮點(diǎn)數(shù)的實(shí)例代碼，非常不錯(cuò)，也比較實(shí)用，需要的小伙伴一起看下吧
onlyNumber.html 測(cè)試代碼:
<html>
<head>
<script language="JavaScript" >
function onlyNumber(obj){
//得到第一個(gè)字符是否為負(fù)號(hào)
var t = obj.value.charAt(0);
//先把非數(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('$#$','.');
//如果第一位是負(fù)號(hào)，則允許添加
if(t == '-'){
obj.value = '-'+obj.value;
}
}
</script>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點(diǎn)||只能是整數(shù)和浮點(diǎn)數(shù)</title>
</head>
<body>
<hr/>
只能輸入數(shù)字的文本框：<input onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="this.value=this.value.replace(/\D/g,'')"/>
<br/>
<hr/>
只能輸入數(shù)字和小數(shù)點(diǎn)的文本框：<input onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"/>
<br/>
<hr/>
只能輸入數(shù)字且只能有一個(gè)小數(shù)點(diǎn)的文本框（小數(shù)點(diǎn)不能在開(kāi)頭，可以在結(jié)尾，第一位允許添加負(fù)號(hào)即浮點(diǎn)數(shù)）：<input onkeyup="onlyNumber(this)" onblur="onlyNumber(this)" />
<hr/>
</body>
</html>
以上代碼內(nèi)容簡(jiǎn)單給大家介紹了限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點(diǎn)||只能是整數(shù)和浮點(diǎn)數(shù)的知識(shí)，希望能夠幫助到大家！
您可能感興趣的文章:
相關(guān)文章
微信小程序中實(shí)現(xiàn)埋點(diǎn)的方法示例詳解
在小程序中實(shí)現(xiàn)埋點(diǎn)的基本思路是利用生命周期函數(shù)和事件回調(diào),插入數(shù)據(jù)上報(bào)代碼,下面將介紹如何在小程序中實(shí)現(xiàn)埋點(diǎn),并通過(guò)代碼示例進(jìn)行說(shuō)明,感興趣的朋友一起看看吧2024-04-04
JAVASCRIPT下判斷IE與FF的比較簡(jiǎn)單的方式
在JAVASCRIPT當(dāng)中可以通過(guò)取當(dāng)前瀏覽器返回值來(lái)判斷當(dāng)前使用什么瀏覽器。2008-10-10
gulp教程_從入門(mén)到項(xiàng)目中快速上手使用方法
下面小編就為大家?guī)?lái)一篇gulp教程_從入門(mén)到項(xiàng)目中快速上手使用方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
本文給大家匯總了一下在我們?nèi)粘ｉ_(kāi)發(fā)微信項(xiàng)目的過(guò)程中，經(jīng)常需要用到的一些js方法，都是些使用頻率很高，而且非常簡(jiǎn)單的方法，這里推薦給大家。2015-03-03
這篇文章主要介紹了JS仿Base.js實(shí)現(xiàn)的繼承,結(jié)合具體實(shí)例形式分析了javascript擴(kuò)展操作及面向?qū)ο蟪绦蛟O(shè)計(jì)相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
Array()是我們?cè)趈s中常常寫(xiě)到的代碼，今天就總結(jié)哈Array的對(duì)象具有哪些方法，感興趣的朋友可以了解下2013-08-08
微信小程序wxml不能使用Array.includes條件判斷解決方法
這篇文章主要為大家介紹了微信小程序wxml不能使用Array.includes條件判斷解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript閉包的簡(jiǎn)單應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了紅米手機(jī)搶購(gòu)時(shí)返回的js代碼，制作紅米搶購(gòu)軟件時(shí)可以用到，,需要的朋友可以參考下2014-03-03
數(shù)組如何求最大值，想必很多的朋友都不會(huì)吧，本文為大家介紹下javascript中數(shù)組是如何求最大值的，感興趣的朋友不要錯(cuò)過(guò)2013-12-12