Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 日韩中文字幕精品免费一区,国产精品中文字幕在线观看,国产在线激情视频 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          JavaScript 表單驗證如何實現的？
          
        
           
          
	
	
          
		
                        
          了保證提交數據的正確性，用戶在填寫表單的過程中還需要編寫一堆的驗證操作，可以利用JavaScript來驗證完成。下面就給大家分享在web開發中JavaScript 表單驗證如何實現的？希望對用到的同學能有所幫助!
          JavaScript 表單驗證如何實現的？
          JS 錯誤
          DOM 簡介
          JavaScript 可用來在數據被送往服務器前對 HTML 表單中的這些輸入數據進行驗證。
          JavaScript 表單驗證
          JavaScript 可用來在數據被送往服務器前對 HTML 表單中的這些輸入數據進行驗證。
          被 JavaScript 驗證的這些典型的表單數據有：
          用戶是否已填寫表單中的必填項目?
          用戶輸入的郵件地址是否合法?
          用戶是否已輸入合法的日期?
          用戶是否在數據域 (numeric field) 中輸入了文本?
          必填(或必選)項目
          下面的函數用來檢查用戶是否已填寫表單中的必填(或必選)項目。假如必填或必選項為空，那么警告框會彈出，并且函數的返回值為 false，否則函數的返回值則為 true(意味著數據沒有問題)：
          function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

          下面是連同 HTML 表單的代碼：
          <html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>

          E-mail 驗證
          下面的函數檢查輸入的數據是否符合電子郵件地址的基本語法。
          意思就是說，輸入的數據必須包含 @ 符號和點號(.)。同時，@ 不可以是郵件地址的首字符，并且 @ 之后需有至少一個點號：
          function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
下面是連同 HTML 表單的完整代碼：
<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>

          JavaScript還有更多重要的功能和作用，更多web前端學習資料，可以關注“武漢千鋒”微信公眾號領取！
          　好程序員web前端教程分享web開發中JavaScript如何實現表單驗證，希望對用到的同學能有所幫助!
          JS 錯誤
          DOM 簡介
          JavaScript 可用來在數據被送往服務器前對 HTML 表單中的這些輸入數據進行驗證。
          JavaScript 表單驗證
          JavaScript 可用來在數據被送往服務器前對 HTML 表單中的這些輸入數據進行驗證。
          被 JavaScript 驗證的這些典型的表單數據有：
          用戶是否已填寫表單中的必填項目?
          用戶輸入的郵件地址是否合法?
          用戶是否已輸入合法的日期?
          用戶是否在數據域 (numeric field) 中輸入了文本?
          必填(或必選)項目
          下面的函數用來檢查用戶是否已填寫表單中的必填(或必選)項目。假如必填或必選項為空，那么警告框會彈出，并且函數的返回值為 false，否則函數的返回值則為 true(意味著數據沒有問題)：
          function validate_required(field,alerttxt)
          {
          with (field)
          {
          if (value==null||value=="")
          {alert(alerttxt);return false}
          else {return true}
          }
          }
          下面是連同 HTML 表單的代碼：
          <html>
          <head>
          <script type="text/javascript">
          function validate_required(field,alerttxt)
          {
          with (field)
          {
          if (value==null||value=="")
          {alert(alerttxt);return false}
          else {return true}
          }
          }
          function validate_form(thisform)
          {
          with (thisform)
          {
          if (validate_required(email,"Email must be filled out!")==false)
          {email.focus();return false}
          }
          }
          </script>
          </head>
          <body>
          <form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
          Email: <input type="text" name="email" size="30">
          <input type="submit" value="Submit">
          </form>
          </body>
          </html>
          S
          輸入框的驗證方法基本都差不多，主要是正則表達式要按需求的寫。
          <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>

          css
          HTML
                              	
          
	
	

          

          

 
          
        
        
           上一篇：HTML 表格 
          
          下一篇：HTML 之簡介 
          
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日本高清无卡码一区二区久久|
久久精品国产一区二区三区不卡|
国产精品无码一区二区在线观一|
无码毛片视频一区二区本码|
福利片福利一区二区三区|
激情内射亚洲一区二区三区|
精品国产亚洲一区二区在线观看|
国产日韩精品一区二区三区
|
精品国产一区二区三区香蕉事|
精品无码人妻一区二区免费蜜桃|
国语对白一区二区三区|
91秒拍国产福利一区|
国产AV午夜精品一区二区入口|
国模吧无码一区二区三区|
国产高清在线精品一区二区三区
|
精品无码成人片一区二区|
日本一区频道在线视频|
国产精品久久久久一区二区三区
|
国产一区韩国女主播|
蜜芽亚洲av无码一区二区三区|
国产精品视频分类一区|
精品无码人妻一区二区三区品|
一区二区三区精品|
国产香蕉一区二区精品视频|
日本免费一区二区三区|
精品不卡一区二区|
国精产品一区一区三区有限在线|
无码国产精品一区二区免费|
无码中文字幕一区二区三区|
精品人妻无码一区二区三区蜜桃一
|
国产伦理一区二区|
久久国产免费一区二区三区|
无码人妻精品一区二区在线视频
|
三上悠亚一区二区观看|
亚洲无线码在线一区观看|
亚洲一区二区电影|
精产国品一区二区三产区|
日韩少妇无码一区二区三区|
成人午夜视频精品一区|
乱色精品无码一区二区国产盗|
日韩在线一区二区|