文本框限制輸入－IT工程師數位筆記本

文章出處

1、上面的文本框只能輸入數字代碼(小數點也不能輸入):
　　CODE:
　　<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
　　<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
　　2、只能輸入數字,能輸小數點.(注意漢字.用輸入法和復制上面三個是有區別的在這里)
　　CODE:
　　<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
　　<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
　　CODE:
　　<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數字');this.value='';}">
　　<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能輸入數字');this.value='';}">
　　CODE:
　　<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="http://www.myboker.com/0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}"">
　　<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="http://www.myboker.com/0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}"">
　　3、只能輸入字母和漢字
　　CODE:
　　<input onkeyup="value="http://www.myboker.com/value.replace(/[\d]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
　　<input onkeyup="value="http://www.myboker.com/value.replace(/[\d]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
　　4、只能輸入英文字母和數字,不能輸入中文
　　CODE:
　　<input onkeyup="value="http://www.myboker.com/value.replace(/[^\w\.\/]/ig,"'')">
　　<input onkeyup="value="http://www.myboker.com/value.replace(/[^\w\.\/]/ig,"'')">
　　5、只能輸入數字和英文
　　CODE:
　　<input onKeyUp="value="http://www.myboker.com/value.replace(/["^\d|chun]/g,'')">
　　<input onKeyUp="value="http://www.myboker.com/value.replace(/["^\d|chun]/g,'')">
　　6、小數點后只能有最多兩位(數字,中文都可輸入),不能輸入字母和運算符號:
　　CODE:
　　<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
　　<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
　　7、小數點后只能有最多兩位(數字,字母,中文都可輸入),可以輸入運算符號
　　CODE:
　　<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
　　<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
　　附:
　　正則表達式用于字符串處理，表單驗證等場合，實用高效，但用到時總是不太把握，以致往往要上網查一番。我將一些常用的表達式收藏在這里，作備忘之用。本貼隨時會更新。
　　匹配中文字符的正則表達式： [\u4e00-\u9fa5]
　　匹配雙字節字符(包括漢字在內)：[^\x00-\xff]
　　應用：計算字符串的長度（一個雙字節字符長度計2，ASCII字符計1）
　　String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}
　　匹配空行的正則表達式：\n[\s| ]*\r
　　匹配HTML標記的正則表達式：/<(.*)>.*<\/\1>|<(.*) \/>/
　　匹配首尾空格的正則表達式：(^\s*)|(\s*$)
　　應用：javascript中沒有像vbscript那樣的trim函數，我們就可以利用這個表達式來實現，如下：
　　String.prototype.trim = function()
　　{
　　return this.replace(/(^\s*)|(\s*$)/g, "");
　　}
　　利用正則表達式分解和轉換IP地址：
　　下面是利用正則表達式匹配IP地址，并將IP地址轉換成對應數值的Javascript程序：
　　function IP2V(ip)
　　{
　　re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正則表達式
　　if(re.test(ip))
　　{
　　return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
　　}
　　else
　　{
　　throw new Error("Not a valid IP address!")
　　}
　　}
　　不過上面的程序如果不用正則表達式，而直接用split函數來分解可能更簡單，程序如下：
　　var ip="10.100.20.168"
　　ip=ip.split(".")
　　alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))
　　匹配Email地址的正則表達式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
　　匹配網址URL的正則表達式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
　　利用正則表達式去除字串中重復的字符的算法程序：[注：此程序不正確，原因見本貼回復]
　　var s="abacabefgeeii"
　　var s1=s.replace(/(.).*\1/g,"$1")
　　var re=new RegExp("["+s1+"]","g"?瓊?渦獢p?? ?? ?浜睹扥潛桴牥摜極慢?瑨m? )
　　var s2=s.replace(re,"")
　　alert(s1+s2) //結果為：abcefgi
　　我原來在CSDN上發貼尋求一個表達式來實現去除重復字符的方法，最終沒有找到，這是我能想到的最簡單的實現方法。思路是使用后向引用取出包括重復的字符，再以重復的字符建立第二個表達式，取到不重復的字符，兩者串連。這個方法對于字符順序有要求的字符串可能不適用。
　　得用正則表達式從URL地址中提取文件名的javascript程序，如下結果為page1
　　s="http://www.9499.net/page1.htm"
　　s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
　　alert(s)
　　利用正則表達式限制網頁表單里的文本框輸入內容：
　　用正則表達式限制只能輸入中文：onkeyup="value="http://www.myboker.com/value.replace(/["^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
　　用正則表達式限制只能輸入全角字符： onkeyup="value="http://www.myboker.com/value.replace(/["^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
　　用正則表達式限制只能輸入數字：onkeyup="value="http://www.myboker.com/value.replace(/["^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
　　用正則表達式限制只能輸入數字和英文：onkeyup="value="http://www.myboker.com/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
　　補充：
　　^\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?瓊?渦獢p?? ?? ?浜睹扥潛桴牥摜極慢?瑨m? -]+)*@[\w-]+(\.[\w-]+)+$　　　　//匹配email地址
　　^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$　　//匹配url</P>
　　利用正則表達式去除字串中重復的字符的算法程序：
　　var s="abacabefgeeii"
　　var s1=s.replace(/(.).*\1/g,"$1")
　　var re=new RegExp("["+s1+"]","g")
　　var s2=s.replace(re,"")
　　alert(s1+s2) //結果為：abcefgi
　　===============================
　　如果var s = "abacabefggeeii"
　　結果就不對了，結果為：abeicfgg
　　正則表達式的能力有限