JS對(duì)文本框值的判斷示例
更新時(shí)間：2014年03月10日 17:46:14 作者：
JS判斷只能是數(shù)字和小數(shù)點(diǎn)，下面為大家介紹下使用JS對(duì)文本框值的判斷,需要的朋友可以參考下
JS判斷只能是數(shù)字和小數(shù)點(diǎn)(摘錄自其它資料，在此發(fā)表只為個(gè)人以后使用查找方便)
1.文本框只能輸入數(shù)字(不包括小數(shù)點(diǎn))
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
2.只能輸入數(shù)字和小數(shù)點(diǎn).
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數(shù)字');this.value='';}">
3.數(shù)字和小數(shù)點(diǎn)方法二
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">
4.只能輸入字母和漢字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
5.只能輸入英文字母和數(shù)字,不能輸入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
6.只能輸入數(shù)字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
7.小數(shù)點(diǎn)后只能有最多兩位(數(shù)字,中文都可輸入),不能輸入字母和運(yùn)算符號(hào):
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
8.小數(shù)點(diǎn)后只能有最多兩位(數(shù)字,字母,中文都可輸入),可以輸入運(yùn)算符號(hào):
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
只能是數(shù)字和小數(shù)點(diǎn)和加減乘際
onkeypress="return event.keyCode>=4&&event.keyCode<=57"
1.文本框只能輸入數(shù)字(不包括小數(shù)點(diǎn))
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
2.只能輸入數(shù)字和小數(shù)點(diǎn).
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數(shù)字');this.value='';}">
3.數(shù)字和小數(shù)點(diǎn)方法二
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">
4.只能輸入字母和漢字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
5.只能輸入英文字母和數(shù)字,不能輸入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
6.只能輸入數(shù)字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
7.小數(shù)點(diǎn)后只能有最多兩位(數(shù)字,中文都可輸入),不能輸入字母和運(yùn)算符號(hào):
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
8.小數(shù)點(diǎn)后只能有最多兩位(數(shù)字,字母,中文都可輸入),可以輸入運(yùn)算符號(hào):
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
只能是數(shù)字和小數(shù)點(diǎn)和加減乘際
onkeypress="return event.keyCode>=4&&event.keyCode<=57"
您可能感興趣的文章:
- js+css實(shí)現(xiàn)增加表單可用性之提示文字
- js實(shí)現(xiàn)鍵盤(pán)上下左右鍵選擇文字并顯示在文本框的方法
- js限制文本框只能輸入整數(shù)或者帶小數(shù)點(diǎn)的數(shù)字
- JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法
- js控制文本框只輸入數(shù)字和小數(shù)點(diǎn)的方法
- js實(shí)現(xiàn)文本框中輸入文字頁(yè)面中div層同步獲取文本框內(nèi)容的方法
- JS限制文本框只能輸入數(shù)字和字母方法
- js判斷文本框剩余可輸入字?jǐn)?shù)的方法
- js顯示文本框提示文字的方法
相關(guān)文章
JS庫(kù)之Three.js 簡(jiǎn)易入門(mén)教程(詳解之一)
three.js是一款webGL框架，由于其易用性被廣泛應(yīng)用。下面腳本之家小編通過(guò)案例給大家闡述three.js的基本配置方法，具體內(nèi)容詳情大家參考下本文吧2017-09-09
這篇文章主要為大家詳細(xì)介紹了canvas繪制刮刮卡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
JavaScript雙問(wèn)號(hào)(??)操作符用法詳解
在現(xiàn)代JavaScript開(kāi)發(fā)中,處理變量默認(rèn)值是一個(gè)常見(jiàn)但容易引發(fā)bug的操作,很多開(kāi)發(fā)者可能都遇到過(guò)這樣的問(wèn)題：使用||設(shè)置默認(rèn)值時(shí),意外覆蓋了0、''等合法值,這時(shí)候,ES2020引入的雙問(wèn)號(hào)操作符（??）就能完美解決這類(lèi)問(wèn)題,本文將帶您全面掌握這個(gè)操作符的使用場(chǎng)景和高級(jí)技巧2025-04-04
js 數(shù)值項(xiàng)目的格式化函數(shù)代碼
數(shù)值項(xiàng)目的格式化函數(shù)代碼，需要的朋友可以參考下。2010-05-05
Javascript實(shí)現(xiàn)視頻文件播放功能(示例詳解)
這篇文章主要介紹了Javascript實(shí)現(xiàn)視頻文件播放功能,使用CSS完成相應(yīng)的布局樣式,利用JavaScript函數(shù)來(lái)監(jiān)聽(tīng)進(jìn)度條,然后使用鼠標(biāo)點(diǎn)擊按鈕實(shí)現(xiàn)對(duì)視頻的播放,需要的朋友可以參考下2023-10-10
webpack 動(dòng)態(tài)批量加載文件的實(shí)現(xiàn)方法
這篇文章主要介紹了webpack 動(dòng)態(tài)批量加載文件的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
詳細(xì)分析jsonp的原理和實(shí)現(xiàn)方式
給大家圖文詳細(xì)分析一下jsonp的原理以及跨域問(wèn)題的匯總。2017-11-11
由于在JS中，所有的函數(shù)都是對(duì)象，所以使用函數(shù)指針十分簡(jiǎn)單，也是這些東西使JS函數(shù)有趣且強(qiáng)大，這里特分享一下2018-07-07![JS獲取input[file]的值并顯示在頁(yè)面的實(shí)現(xiàn)方法](http://img.jbzj.com/images/xgimg/bcimg8.png)
JS獲取input[file]的值并顯示在頁(yè)面的實(shí)現(xiàn)方法
下面小編就為大家分享一篇JS獲取input[file]的值并顯示在頁(yè)面的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
深入理解JavaScript強(qiáng)制類(lèi)型轉(zhuǎn)換
JavaScript中的強(qiáng)制類(lèi)型轉(zhuǎn)換包括顯式和隱式轉(zhuǎn)換,涉及字符串、數(shù)字和布爾值三種基本類(lèi)型,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-09-09