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

Question

我需要验证电子邮件输入的值。我有这段代码，但它不起作用。你能帮帮我吗？

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

Answer 1

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

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

文档源链接- jQuery Validation