快捷導(dǎo)航

最簡(jiǎn)單的JavaScript驗(yàn)證整數(shù)、小數(shù)、實(shí)數(shù)、有效位小數(shù)正則表達(dá)式

更新時(shí)間：2015年04月17日 11:10:45 投稿：junjie

這篇文章主要介紹了最簡(jiǎn)單的JavaScript驗(yàn)證整數(shù)、小數(shù)、實(shí)數(shù)、有效位小數(shù)正則表達(dá)式,其中包含保留1位小數(shù)、保留2位小數(shù)、保留3位小數(shù)等正則,需要的朋友可以參考下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title> 驗(yàn)證數(shù)字最簡(jiǎn)單正則表達(dá)式大全 </title> 
</head> 
<body> 
<h3>輸入完按回車后即可驗(yàn)證?。ㄗ哉J(rèn)為最簡(jiǎn)單！）</h3> 
正整數(shù):  <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^/d+$/.test(this.value));" /> 
<br /> 
負(fù)整數(shù):  <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-/d+$/.test(this.value));" /> 
<br /> 
整　數(shù):  <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?/d+$/.test(this.value));" /> 
<br /> 
正小數(shù):  <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^/d+/./d+$/.test(this.value));" /> 
<br /> 
負(fù)小數(shù):  <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-/d+/./d+$/.test(this.value));" /> 
<br /> 
小　數(shù):  <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?/d+/./d+$/.test(this.value));" /> 
<br /> 
實(shí)　數(shù):  <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?/d+(/./d+)?$/.test(this.value));" /> 
<br /> 
保留1位小數(shù):<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?/d+(/./d{1,1})?$/.test(this.value));" /> 
<br /> 
保留2位小數(shù):<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?/d+(/./d{1,2})?$/.test(this.value));" /> 
<br /> 
保留3位小數(shù):<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?/d+(/./d{1,3})?$/.test(this.value));" /> 
<br /> 
</body> 
</html>

您可能感興趣的文章:

相關(guān)文章

詳解javascript中的babel到底是什么
這篇文章主要介紹了詳解javascript中的babel到底是什么，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
微信小程序生成分享海報(bào)方法（附帶二維碼生成）
這篇文章主要介紹了微信小程序生成分享海報(bào)方法（附帶二維碼生成），文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
js獲取本機(jī)操作系統(tǒng)類型的兩種方法
這篇文章主要介紹了js獲取本機(jī)操作系統(tǒng)類型的方法,需要的朋友可以參考下
2015-12-12
詳解微信小程序用定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
這篇文章主要介紹了微信小程序用定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
怎樣用Javascript實(shí)現(xiàn)建造者模式
這篇文章主要介紹了怎樣用Javascript實(shí)現(xiàn)建造者模式，想學(xué)習(xí)設(shè)計(jì)模式的同學(xué)，可以參考下
2021-04-04
javascript 動(dòng)態(tài)生成css代碼的兩種方法
這篇文章主要介紹了javascript 動(dòng)態(tài)生成css代碼的兩種方法，有時(shí)候我們需要利用js來(lái)動(dòng)態(tài)生成頁(yè)面上style標(biāo)簽中的css代碼,下面就給大家介紹兩種方法，需要的朋友可以參考下
2017-03-03
webpack-url-loader 解決項(xiàng)目中圖片打包路徑問(wèn)題
這篇文章主要介紹了webpack-url-loader 解決項(xiàng)目中圖片打包路徑問(wèn)題,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-02-02
Javascript學(xué)習(xí)筆記-詳解in運(yùn)算符
in運(yùn)算符是javascript語(yǔ)言中比較特殊的一個(gè)，可以單獨(dú)使用作為判斷運(yùn)算符，也常被用于for...in循環(huán)中遍歷對(duì)象屬性
2011-09-09
[Bootstrap-插件使用]Jcrop+fileinput組合實(shí)現(xiàn)頭像上傳功能實(shí)例代碼
這篇文章主要介紹了[Bootstrap-插件使用]Jcrop+fileinput組合實(shí)現(xiàn)頭像上傳功能實(shí)例代碼,非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
2016-12-12
js實(shí)現(xiàn)加載更多功能實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)加載更多功能的方法,以實(shí)例演示了加載更多的代碼實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2016-10-10