jquery - 使用 jQuery 中的正则表达式验证电子邮件

Question

这个问题已经有答案了:

How can I validate an email address in JavaScript? (79 个回答)

已关闭 去年。

引用这个问题:

How can I set a minimum length for a field with jQuery? ，

<form id="new_invitation" class="new_invitation" method="post" data-remote="true" action="/invitations" accept-charset="UTF-8">
    <div id="invitation_form_recipients">
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_0"><br>
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_1"><br>
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_2"><br>
        <input type="text" value="" name="invitation[recipients][]" id="invitation_recipients_3"><br>
    </div>
    <input type="submit" value="Send invitation" name="commit">
</form>

使用 jQuery 设置字段最小长度的代码是什么？

$('#new_invitation').submit(function(event) {
    if ($('#invitation_form_recipients input').filter(function() {
        return $(this).val();
    }).length == 0) {
        // All the fields are empty
        // Show error message here

        // This blocks the form from submitting
        event.preventDefault();
    }
});

如何使用 jQuery 验证每个字段输入都具有有效的电子邮件地址？在上面的代码中？

Answer 1

您可能想使用像 described here 这样的正则表达式检查格式。提交表单后，对每个字段运行以下测试:

var userinput = $(this).val();
var pattern = /^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i

if(!pattern.test(userinput))
{
  alert('not a valid e-mail address');
}​