zx_bing
          

          人生路漫漫，多學些知識總是有益處的
          

          

          

          隨筆 - 32, 文章 - 0, 評論 - 0, 引用 - 0
          

          


          		
	
          

          

          
	
          
		
			
          
				數據加載中……
			
          
		          		
		
			
          
				
					
	
          
		
          
			輸入框要求用JAVASCRIPT去驗證不能超過12個數字或英文或數字英文組合，還要求不能超過6個漢字,還要驗證漢字和字母，數字的組合 
		
          
		
          
		<input name="username" value="" length="12" maxlengthd="12"/> 
          數據庫里面username vachar2(12) 

          這個輸入框要求用JAVASCRIPT去驗證不能超過12個數字或英文或數字英文組合，還要求不能超過6個漢字,還要驗證漢字和字母，數字的組合 

          如：用戶名1999(就可以)，麥克斯韋1999(就不行) 

          因為數據庫里面要求的長度是12，一個漢字就占兩個，但是在頁面可以輸入12個漢字 
          請用JAVASCRIPT寫出你的解決方案？ 



          Js代碼 復制代碼 收藏代碼
          1. <html>    
          2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    
          3. 輸入待測字串: &nbsp;<input type="text" onblur="test(this.value);">    
          4. </html>    
          5. <script language="javascript">    
          6. <!--     
          7. //測試匹配情況     
          8. function test(inputVal)     
          9. {     
          10.     //去除首尾空格     
          11.     inputValinputVal = inputVal.replace(/^\s*|\s*$/g,"");     
          12.     //零長字串不作處理     
          13.     if ( inputVal.length == 0 )     
          14.     {     
          15.         return;     
          16.     }     
          17.     //只能匹配數字,字母或漢字     
          18.     var _match = inputVal.match(/^[a-zA-Z0-9\u4e00-\u9fa5]+$/g);     
          19.     //匹配數字或字母(包括大小寫)     
          20.     var codeMatch = inputVal.match(/[a-zA-Z0-9]/g);     
          21.     //匹配漢字     
          22.     var charMatch = inputVal.match(/[\u4e00-\u9fa5]/g);     
          23.     //數字或字母個數     
          24.     var codeNum = codeMatch ? codeMatch.length : 0;     
          25.     //漢字個數     
          26.     var charNum = charMatch ? charMatch.length : 0;     
          27.     //成功     
          28.     if ( _match && codeNum + 2*charNum <= 12 )     
          29.     {     
          30.         alert("輸入正確!");     
          31.         return;     
          32.     }     
          33.     //失敗     
          34.     alert("輸入錯誤!");      
          35. }     
          36. //-->    
          37. </script>  
          
		
          
		
          
			posted on 2012-07-27 14:06 zx_bing 閱讀(536) 評論(0)  編輯  收藏  所屬分類: js 
		
          
	
          
	
	


	


          
	    
    

          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    



          
        
	




主站蜘蛛池模板：
登封市|
尉氏县|
平定县|
密云县|
吴桥县|
迁西县|
东明县|
东丽区|
鹰潭市|
永宁县|
同德县|
新河县|
霍邱县|
怀化市|
泽普县|
潼关县|
子洲县|
托克托县|
维西|
彰武县|
马公市|
白河县|
丰都县|
天镇县|
维西|
阳江市|
瑞安市|
聊城市|
三江|
吉水县|
凤山市|
沁阳市|
临夏市|
兴国县|
钦州市|
台湾省|
靖西县|
东阿县|
许昌市|
宁德市|
涟源市|