如何使用js對(duì)用戶輸入的內(nèi)容做郵箱驗(yàn)證

發(fā)布時(shí)間：2021-09-28 10:37:57 來源：億速云閱讀：131 作者：小新欄目：編程語言

這篇文章給大家分享的是有關(guān)如何使用js對(duì)用戶輸入的內(nèi)容做郵箱驗(yàn)證的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

js對(duì)用戶輸入的內(nèi)容做郵箱驗(yàn)證的方法

<!DOCTYPE html>
<html>

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

</head>

<body>
  <!-- 請(qǐng)您輸入郵箱地址:<input type="text" value="" id="email"/> *<br/> -->
  請(qǐng)您輸入郵箱地址：<input type="text" value="" id="email" /> *<br />
  <script>
    //如果輸入的是郵箱,那么背景顏色為綠色,否則為紅色
    //獲取文本框,注冊(cè)失去焦點(diǎn)的事件
    document.getElementById("email").onblur = function () {
      //判斷這個(gè)文本框中輸入的是不是郵箱
      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>

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

向AI問一下細(xì)節(jié)

如何使用js對(duì)用戶輸入的內(nèi)容做郵箱驗(yàn)證

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽