jQuery验证电子邮件规则

Pre*_*ton 5 email validation jquery

使用这个简单的邮件规则:

$("#loginCliente").validate({
    rules: {
        loginNomEmail: { required: true, email: true },
    }
});
Run Code Online (Sandbox Code Playgroud)

在这个输入字段中,如果我们输入"test @",我们得到了验证错误.但是如果我们输入"test @ teste"插件显示的是有效的电子邮件.

这是

现在用

我如何只有在有效的电子邮件中验证此字段?

小智 9

我以前遇到过同样的问题,我认为在这样的规则中添加reg exp可能会有所帮助

// this function is to accept only email
    jQuery.validator.addMethod("accept", function(value, element, param) {
        return value.match(new RegExp("^" + param + "$"));
    },'please enter a valid email');
Run Code Online (Sandbox Code Playgroud)

在你的规则中你可以添加这个

$("#loginCliente").validate({
    rules: {
        loginNomEmail: { required: true,
                         email: true,
                         accept:"[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}" },
    }
});
Run Code Online (Sandbox Code Playgroud)


小智 2

我想这个问题已经在这里回答过几次了,但这里有一个链接。本质上只是使用常规的旧 JavaScript 函数和正则表达式。

使用 jQuery 进行电子邮件验证