站長資訊網

最全最豐富的資訊網站
		
				
						
			



	


	

	

				

			
文本框輸入限制 [大全]
                         

			
                          

				2018-10-24
												分類：編程知識
				閱讀(559)				評論(0)
				
			

		

				

						

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只能輸入數字和英文chun 


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 || /.dd$/.test(value))event.returnValue=false”> 
<input onKeyPress=”if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /.dd$/.test(value))event.returnValue=false”> 


7小數點后只能有最多兩位(數字,字母,中文都可輸入),可以輸入運算符號 


CODE: 
<input onkeyup=”this.value=this.value.replace(/^(-)*(d+).(dd).*$/,’$1$2.$3′)”> 
<input onkeyup=”this.value=this.value.replace(/^(-)*(d+).(dd).*$/,’$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”?瓊?up?????浜睹O潛桴O慢?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=”this.value=this.value.replace(/[“^uFF00-uFFFF]/g,”)” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^uFF00-uFFFF]/g,”))” 


用正則表達式限制只能輸入數字：onkeyup=”this.value=this.value.replace(/[“^d]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^d]/g,”))” 


用正則表達式限制只能輸入數字和英文：onkeyup=”this.value=this.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?瓊?up?????浜睹O潛桴O慢?m?-]+)*@[w-]+(.[w-]+)+$　　　　//匹配email地址  
^[a-zA-z]+://匹配(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$　　//匹配url  


利用正則表達式去除字串中重復的字符的算法程序：  


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  
正則表達式的能力有限

		

								            

            	贊(0)            	            	            

        				
					

分享到：








更多 (0)




		
		
標簽：

		
		
		            
        
									

	

	




	網站地圖  
  
    滬ICP備18035694號-2
    
	滬公網安備31011702889846號




伊人久久无码精品中文字幕|
日韩精品在线免费观看|
国精品午夜福利视频不卡757
|
亚洲色精品VR一区区三区|
久久精品www人人爽人人|
久久精品免看国产|
久久99精品国产99久久6男男|
亚洲国产日韩成人综合天堂|
国产精品综合AV一区二区国产馆
|
免费视频精品一区二区三区|
精品午夜福利1000在线观看|
亚洲国产日韩在线观频|
国产精品美女久久久久久久|
精品无码人妻一区二区三区18|
久久久久国产精品熟女影院|
亚洲国产另类久久久精品|
国内少妇偷人精品视频免费|
国产亚洲精品国看不卡|
日韩av片无码一区二区不卡电影|
亚洲youwu永久无码精品|
99精品一区二区三区无码吞精|
久久精品国产福利电影网|
亚洲综合精品网站|
四虎国产精品永免费|
国产成人综合日韩精品无码|
国产精品香蕉成人网在线观看|
国产精品久久久久久|
91久久精品国产成人久久|
亚洲精品福利在线观看|
日韩精品在线视频|
国产精品免费无遮挡无码永久视频|
国产精品内射久久久久欢欢|
一色屋精品视频任你曰|
国产成人精品自线拍|
国产精品久久国产精品99|
国产精品夜间视频香蕉|
国产精品lululu在线观看|
亚洲色精品VR一区区三区|
精品欧美一区二区在线观看|
久久99久国产麻精品66|
国产精品美女久久久|