jquery - 使用jquery弹出错误的cshtml中的电子邮件验证正则表达式

Question

在 shtml 页面中使用正则表达式和 jquery 验证电子邮件文本框时，会弹出错误，显示正则表达式存在问题，因为它在正则表达式中包含“@”。

$(document).ready(function() {

$('#btn-submit').click(function() { 

    $(".error").hide();
    var hasError = false;
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;   //"@" in regex is the issue

    var emailaddressVal = $("#UserEmail").val();
    if(emailaddressVal == '') {
        $("#UserEmail").after('<span class="error">Enter email address.</span>');
        hasError = true;
    }

    else if(!emailReg.test(emailaddressVal)) {
        $("#UserEmail").after('<span class="error">Enter a valid email address.</span>');
        hasError = true;
    }

    if(hasError == true) { return false; }

   });
});

Answer 1

@@是 MVC 中的转义序列，它将呈现为@

var emailReg = /^([\w-\.]+@@([\w-]+\.)+[\w-]{2,4})?$/;

上述语句将呈现为

var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

Answer 2

使用 utf-8 代码而不是 @

/^([\w-\.]+\u0040([\w-]+\.)+[\w-]{2,4})?$/