html5 Input限制輸入

標籤：code   user   number   change   after   input   put   nbsp   erp   

JS判斷只能是數字和小數點(測試寫了type屬性有時會失效)

1.文字框只能輸入數字代碼(小數點也不能輸入)

<input onkeyup="this.value=this.value.replace(/\D/g,‘‘)" onafterpaste="this.value=this.value.replace(/\D/g,‘‘)">

 

2.只能輸入數字,能輸小數點.

<input onkeyup="if(isNaN(value))execCommand(‘undo‘)" onafterpaste="if(isNaN(value))execCommand(‘undo‘)"><input name=txt1 onchange="if(/\D/.test(this.value)){alert(‘只能輸入數字‘);this.value=‘‘;}">

 或

onkeyup="value=value.replace(/[^\-?\d.]/g,‘‘)"

 

3.數字和小數點方法二

<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.只能輸入英文字母和數字,不能輸入中文

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,‘‘)">

6.只能輸入數字和英文<font color="Red">chun</font>

<input onKeyUp="value=value.replace(/[^\d|chun]/g,‘‘)">

 

7.小數點後只能有最多兩位(數字,中文都可輸入),不能輸入字母和運算子號:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

 

8.小數點後只能有最多兩位(數字,字母,中文都可輸入),可以輸入運算子號

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,‘$1$2.$3‘)">

 

 9.輸入中文

<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,‘‘)">  

 

10.輸入數字:

<input type="text" onkeyup="this.value=this.value.replace(/\D/g,‘‘)">  

 

11.輸入英文

<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,‘‘)">  

 

12.三合一

<input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, ‘‘)">  

 

13.只輸入數字和字母

<INPUT class=input maxLength=12 size=15 name=username id="username" onKeyUp="value=value.replace(/[\W]/g,‘‘)">  

 

14.除了英文的標點符號以為 其他的人都可以中文，英文字母，數字，中文標點

<input type="text" onkeyup="this.value=this.value.replace(/^[^[email protected]#$%^&*()-=+]/g,‘‘)">

 

 

 

 

html5 Input限制輸入