js實現的郵箱格式驗證程式碼

admin發表於2017-03-18
JS

郵箱驗證是在很多表達中都要必須進行的一項措施，可以防止使用者的誤操作，或者有些人的隨意操作，下面就是一段結合正規表示式實現的完整程式碼例項，演示瞭如何驗證郵箱格式，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title>
<script type="text/javascript">
function checkEmail(emailString,obj){
  var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; 
  if(!reg.test(emailString))
  {
    alert("郵箱格式不對");
    obj.focus();
    return false;
  }
  return true;
}
window.onload=function(){
  var email=document.getElementById("email");
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    if(!checkEmail(email.value,email)) 
    {
      return false;
    }  
  }
}
</script>
</head>
<body>
<form action="http://www.softwhy.com" method="post">
<input type="text" id="email" name="email" size="30" />
<input type="submit" id="bt" value="提交" /> 
</form>
</body>
</html>

以上程式碼實現了我們的要求，表單中輸入錯誤的郵箱格式的時候，會彈出提示框。

相關閱讀:

1.test()函式可以參閱正規表示式test()函式一章節。

2. focus()函式可以參閱javascript的text.focus()方法一章節。 

3.return false可以參閱javascript中return false的作用是什麼一章節。

4.onclick事件可以參閱javascript click 事件一章節。  

相關文章