Home / Questions / 80178
Accepted
Carlos Bonilla
Asked: 2020-06-21 10:36:19 +0800 CST 2020-06-21 10:36:19 +0800 CST

如何在javascript中验证邮件[重复]

  • 772

在HTML我有这样的情况下，我不知道如何验证它，因为我不想为type="email"

<input class="input-100" type="email" name="email" placeholder="[email protected] " maxlength="39" id="email">

javascript

1 Answers

  1. Best Answer

    根据之前在这里回答的内容（因为您评论说您不清楚如何做到这一点），我将以另一种方式向您解释如何做到这一点：

    function validarEmail(elemento){

  var texto = document.getElementById(elemento.id).value;
  var regex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;
  
  if (!regex.test(texto)) {
      document.getElementById("resultado").innerHTML = "Correo invalido";
  } else {
    document.getElementById("resultado").innerHTML = "";
  }

}
    <input type="text" id="email" name="email" placeholder="Correo Electronico" onkeyup="validarEmail(this)">
<a id='resultado'></a>

    第一的

    我们创建一个名为 的函数validarEmail()，将 HTML 元素作为参数传递给该函数，该参数对应于<input>将写入电子邮件的位置。在此函数中，文本将使用正则表达式进行验证。

    function validarEmail(elemento){

  var texto = document.getElementById(elemento.id).value;
  var regex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;

  if (!regex.test(texto)) {
      document.getElementById("resultado").innerHTML = "Correo invalido";
  } else {
    document.getElementById("resultado").innerHTML = "";
  }

}

    第二

    我们将从元素<input>中添加事件onkeyup()，该事件将在每次按下键时执行。

    onkeyup="validarEmail(this)"

    第三

    我们创建一个 type 元素<a>，它将单词result作为 identifier ，并且从 functionvalidarEmail()中，我们将根据电子邮件的验证来更改其文本。

    <a id='resultado'></a>

    例子

    <html>
<head>
    <title>
        Titulo
    </title>
    <script type="text/javascript">
        function validarEmail(elemento) {

            var texto = document.getElementById(elemento.id).value;
            var regex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;

            if (!regex.test(texto)) {
                document.getElementById("resultado").innerHTML = "Correo invalido";
            } else {
                document.getElementById("resultado").innerHTML = "";
            }

        }
    </script>
</head>
<body>

    <input type="text" id="email" name="email" placeholder="Correo Electronico" onkeyup="validarEmail(this)">
    <a id='resultado'></a>

</body>
</html>
    • -2