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>где будет написан Email. В этой функции текст будет проверяться с помощью регулярного выражения.

    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)"

    В третьих

    Мы создаем элемент типа, <a>который будет иметь слово result в качестве идентификатора , и из функции validarEmail()мы изменим его текст в зависимости от проверки электронной почты.

    <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