1. 程式人生 > >用javascript 函式判斷輸入的郵箱是否符合要求

用javascript 函式判斷輸入的郵箱是否符合要求

<!DOCTYPE html>
<html>
  <head>
    <title>js9.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    
    <script type="text/javascript">
    
    
    function isEmail(){
    	
    	var emailValue = document.getElementsByName("email")[0].value;
    	
    	if(emailValue.indexOf("@") == -1){
    		
    		alert("請輸入正確的email地址");
    	}else{
    		
    		alert("OK!");
    	}
    	
    }
    
    </script>

  </head>
  
  <body>
   <form>
   
   Email:<input type = "text" name = "email">
   
   <input type = "button" value = "check" onclick = "isEmail();">
   
   </form>
   
  </body>
</html>


說明:getElementByName("name")[0] 是用來返回單一結果。其中name屬性是可以重複的,0就是指重複中的第一個元素。

indexOf是用來返回你所給定的字元在字串中的位置,如果不存在則返回-1