【轉】js和正規表達式控制input隻輸入數字或者小數問題解決

第一： 限制隻能是整數

?

1	<input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('隻能整數');this.value='';}" />

如果不是整數就直接alert

第二： 限制是兩位的小數

?

1	<input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('隻能輸入數字，小數點後隻能保留兩位');this.value='';}" />

原理：

通過 正規表達式判斷，不滿足 執行alert。

第一個正規表達式是 /^d+$/ 表示可以是一個或者多個數字

第二個正規表達式是

?

1	/^d*(?:.d{0,2})?$/

表示必須是數字開頭，數字結尾。

這裡重點是要數字結尾， 在計算機中通常小數 1. , 2. 這種寫法， 就是可是小數點結尾的， 是正确的。這裡強制讓數字結尾。

test()

隻要找到滿足的部分就傳回真。

意思是是

?

1 2 3

/d/. test ( 'a' ) // false /d/. test ( 'a' ) // true /d/. test ( 'a' ) // true

是以要保證誰開頭誰結尾。 開頭用 $, 結尾用 ^

下面給大家介紹js正則限制input框輸入的常用代碼

1.隻能輸入數字和英文的：

?

1 2 3

<input onkeyup= "value=value.replace(/[\W]/g,'') " onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID= "Text1" NAME= "Text1" >

2.隻能輸入數字的：

?

1 2 3

<input onkeyup= "value=value.replace(/[^\d]/g,'') " onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID= "Text2" NAME= "Text2" >

3.隻能輸入全角的：

?

1 2 3

<input onkeyup= "value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" ID= "Text3" NAME= "Text3" >

4.隻能輸入漢字的：

?

1 2 3

<input onkeyup= "value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" ID= "Text4" NAME= "Text4" >

5.郵件位址驗證：

?

1 2 3 4 5 6 7 8 9

var regu = "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$" var re = new RegExp(regu); if (s.search(re) != -1) { return true ; } else { window.alert ( "請輸入有效合法的E-mail位址 ！" ) return false ; }

6.身份證：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

"^\\d{17}(\\d|x)$" 7.17種正規表達式 "^\\d+$" 　　 //非負整數（正整數 + 0） "^[0-9]*[1-9][0-9]*$" 　　 //正整數 "^((-\\d+)|(0+))$" 　　 //非正整數（負整數 + 0） "^-[0-9]*[1-9][0-9]*$" 　　 //負整數 "^-?\\d+$" 　　　　 //整數 "^\\d+(\\.\\d+)?$" 　　 //非負浮點數（正浮點數 + 0） "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" 　　 //正浮點數 "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" 　　 //非正浮點數（負浮點數 + 0） "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" 　　 //負浮點數 "^(-?\\d+)(\\.\\d+)?$" 　　 //浮點數 "^[A-Za-z]+$" 　　 //由26個英文字母組成的字元串 "^[A-Z]+$" 　　 //由26個英文字母的大寫組成的字元串 "^[a-z]+$" 　　 //由26個英文字母的小寫組成的字元串 "^[A-Za-z0-9]+$" 　　 //由數字和26個英文字母組成的字元串 "^\\w+$" 　　 //由數字、26個英文字母或者下劃線組成的字元串 "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" 　　　　 //email位址 "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" 　　//url

1.取消按鈕按下時的虛線框

　　在input裡添加屬性值 hideFocus 或者 HideFocus=true

2.隻讀文本框内容

在input裡添加屬性值 readonly

3.防止退後清空的TEXT文檔(可把style内容做做為類引用)

?

1 2	<INPUT style=behavior:url( #default#savehistory); type=text id=oPersistInput>

4.ENTER鍵可以讓光标移到下一個輸入框

?

1	<input onkeydown= "if(event.keyCode==13)event.keyCode=9" >

5.隻能為中文(有閃動)

?

1 2	<input onkeyup= "value=" /value.replace(/[ " -~]/g,'')" onkeydown= "if(event.keyCode==13)event.keyCode=9" >

6.隻能為數字(有閃動)

?

1 2	<input onkeyup= "value=" /value.replace(/[ "^\d]/g,'') " onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" >

7.隻能為數字(無閃動)

?

1 2 3

<input ime-mode:disabled " onkeydown=" if (event.keyCode==13)event.keyCode=9 " onKeypress=" if ((event.keyCode<48 || event.keyCode>57)) event.returnValue= false ">

8.隻能輸入英文和數字(有閃動)

?

1 2	<input onkeyup= "value=" /value.replace(/[\W]/g, "'')" onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" >

9.屏蔽輸入法

?

1 2	<input type= "text" name= "url" ime-mode:disabled " onkeydown=" if (event.keyCode==13)event.keyCode=9">

10. 隻能輸入 數字，小數點，減号（-） 字元(無閃動)

?

1 2	<input onKeyPress= "if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" >

11. 隻能輸入兩位小數，三位小數(有閃動)

?

1 2 3 4 5 6

<input maxlength=9 onkeyup= "if(value.match(/^\d{3}$/))value=" /value.replace(value,parseInt(value/10)) " ;value=" /value.replace(/\.\d*\./g, '."' )" onKeyPress= "if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" id=text_kfxe name=text_kfxe>

轉載于:https://www.cnblogs.com/senn0213/p/9049084.html