如何使用js對用戶輸入的內容做郵箱驗證

這篇文章給大家分享的是有關如何使用js對用戶輸入的內容做郵箱驗證的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創新互聯專業為企業提供黃龍網站建設、黃龍做網站、黃龍網站設計、黃龍網站制作等企業網站建設、網頁設計與制作、黃龍企業網站模板建站服務，十載黃龍做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

js對用戶輸入的內容做郵箱驗證的方法

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>title</title>

</head>

<body>
  <!-- 請您輸入郵箱地址:<input type="text" value="" id="email"/> *<br/> -->
  請您輸入郵箱地址：<input type="text" value="" id="email" /> *<br />
  <script>
    //如果輸入的是郵箱,那么背景顏色為綠色,否則為紅色
    //獲取文本框,注冊失去焦點的事件
    document.getElementById("email").onblur = function () {
      //判斷這個文本框中輸入的是不是郵箱
      var reg = /^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/;
      if (reg.test(this.value)) {
        this.style.backgroundColor = "green";
      } else {
        this.style.backgroundColor = "red";
      }
    };
  </script>

</body>

</html>

感謝各位的閱讀！關于“如何使用js對用戶輸入的內容做郵箱驗證”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

本文名稱：如何使用js對用戶輸入的內容做郵箱驗證
本文來源：http://www.yijiale78.com/article24/pehjje.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、App開發、網站建設、云服務器、響應式網站、微信小程序

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

如何使用js對用戶輸入的內容做郵箱驗證