常用限制input的方法

常用限制input的方法
1.只能輸入數字和英文的:   
<input οnkeyup="value=value.replace(/[\W]/g,'') "   

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"   

ID="Text1" NAME="Text1">    
2.只能輸入數字的:   
<input
οnkeyup="value=value.replace(/[^\d]/g,'') "   

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"   

ID="Text2" NAME="Text2">        
3.只能輸入全角的:   
<input
οnkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"   

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"   

ID="Text3" NAME="Text3">        
4.只能輸入漢字的:   
<input
οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"   

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"   

ID="Text4" NAME="Text4">        
5.郵件地址驗證:  
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.身份證:  
"^\\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  

 

8.只能輸入數字英文或字母

<input type="text" class="tbox" οnkeyup="value=value.replace(/[^A-Za-z0-9\u4e00-\u9fa5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^A-Za-z0-9\u4e00-\u9fa5]/g,''))" />
//出自http://www.cnblogs.com/ahjesus 尊重作者辛苦勞動成果,轉載請註明出處,謝謝!
=============================================  
1.取消按鈕按下時的虛線框   

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

2.只讀文本框內容   

在input裏添加屬性值   readonly   

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

  <INPUT style="behavior:url(#default#savehistory);"
mce_style="behavior:url(#default#savehistory);" type=text   

id=oPersistInput>   

4.ENTER鍵可以讓光標移到下一個輸入框   
  <input
οnkeydοwn="if(event.keyCode==13)event.keyCode=9" >   

5.只能爲中文(有閃動)   

  <input οnkeyup="value="/value.replace(/[" -~]/g,’’)"   

οnkeydοwn="if(event.keyCode==13)event.keyCode=9">   


6.只能爲數字(有閃動)   
  <input
οnkeyup="value="/value.replace(/["^\d]/g,’’)   

"onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">          

7.只能爲數字(無閃動)   
  <input ime-mode:disabled"   

οnkeydοwn="if(event.keyCode==13)event.keyCode=9" onKeypress="if   

((event.keyCode<48 || event.keyCode>57))
event.returnValue=false">   

8.只能輸入英文和數字(有閃動)   
  <input
οnkeyup="value="/value.replace(/[\W]/g,"’’)"   

onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">          

9.屏蔽輸入法   
  <input type="text" name="url" ime-mode:disabled"   

οnkeydοwn="if(event.keyCode==13)event.keyCode=9">   

10. 只能輸入
數字,小數點,減號(-) 字符(無閃動)   
  <input onKeyPress="if (event.keyCode!=46
&& event.keyCode!=45 &&   
(event.keyCode<48 ||
event.keyCode>57)) event.returnValue=false">   

11.
只能輸入兩位小數,三位小數(有閃動)   
  <input maxlength=9   

οnkeyup="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>

來源網絡

發佈了33 篇原創文章 · 獲贊 58 · 訪問量 29萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章