檢測郵箱是否是QQ郵箱並給出提示

螞蟻小編發表於2017-02-26
不知道大家遇到這樣的情況沒有，那就是在註冊一個網站填寫郵箱的時候，可能會禁止某一種型別的郵箱。

本人曾經遇到過禁止使用騰訊QQ郵箱的情況，下面就以此為例做一下介紹。

程式碼例項如下:

[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(text){
  if(text.match(/qq\.com$/)){
    return -1;
   }
   if(!text.match(/^\w+([._-]\w+)*@(\w+\.)+\w+$/)){
     return false;
   }
   return true;
}
window.onload=function(){
  var email=document.getElementById("email");
  var oshow=document.getElementById("show");
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    if(checkEmail(email.value)==false){
      oshow.innerHTML="郵箱格式錯誤";
    }
    else if(checkEmail(email.value)==-1){
      oshow.innerHTML="禁止使用QQ郵箱";
    }
  }
}
</script> 
</head> 
<body> 
<form>
<input id="email" type="text"/>
<span id="show"></span><br/>
<input type="button" id="bt" value="檢視效果"/>
</form>
</body> 
</html>

上面的程式碼實現了我們想要的效果，程式碼比較簡單，下面介紹一下它的實現過程。

一.程式碼註釋:

（1）.function checkEmail(text){}，此函式實現了驗證郵箱格式和是否是QQ郵箱的功能，引數是郵箱。

（2）.f(text.match(/qq\.com$/))，判斷郵箱是否是QQ郵箱，判斷的標準就是結尾是不是qq.com。

（3）.if(!text.match(/^\w+([._-]\w+)*@(\w+\.)+\w+$/))，驗證郵箱的格式是否正確。

二.相關閱讀:

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

相關文章