jquery - jQuery中的电子邮件输入验证

我需要验证电子邮件输入的值。我有此代码，但无法正常工作。请问你能帮帮我吗？

的HTML

<input type="text" name="mail" class="mail" />
<button class="validate">VALIDATE</button>

JQUERY

$(document).ready(function(){
    var setMail = $(".mail").val();
    var mailVal = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;

    $(".validate").click(function(){
        if (mailVal == setMail) {
            alert("GOOD!");
            }
            else{
            alert("WRONG!");
            }
   });
});

JSFiddle: DEMO

最佳答案

您可以使用jQuery验证库。它以一种简单的实现方式为您完成了许多验证。这样-

$( "#myform" ).validate({
  rules: {
    field: {
      required: true,
      email: true
    }
  }
});

文档源链接
jQuery Validation

关于jquery - jQuery中的电子邮件输入验证，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29831872/