使用JavaScript进行实时电子邮件验证

Question

当我在文本框中键入内容时，我希望javascript实时检查电子邮件。 什么都没发生。

这是我的代码：

的HTML

<form action="#" method="post" autocomplete="off">
        <div class="formulier">

            <label for="email">Email:</label>
            <input type="text" id="email" onchange="controle(this.value)"/>

            <div class="signup">
                <input type="button" value="Ok, Sign up!" />
            </div>

        </div>
    </form>

JAVASCRIPT

function controle(mail) {
    if (isEmail(mail.val()) == true)
        {
            alert("good");
        }

}

        function IsEmail(email) {
        var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(!regex.test(email)) {
           return false;
        }else{
           return true;
        }
      }

Answer 1

已编辑

该JS现在应该可以工作了

function controle(mail) {
  if (IsEmail(mail) == true) {
    alert("good");
  }  
}

function IsEmail(email) {
  var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  if (!regex.test(email)) {
    return false;
  } else {
    return true;
  }
}

您需要确保在外部定义

$(document).ready(function(){});

请检查答案以获取更多信息onChange函数未定义

Answer 2

您可以使用如下事件监听器功能：

$("selector").on("keyup",function(){
  //your logic
})