如何在 asp.net mvc 中使用 c# 验证错误消息？

Question

我正在努力使用Data-Annotation验证一个空的EditorFor ，并尝试在客户端使用 jquery 。 不知何故，我觉得从后端验证它比从前端验证它更好。 看看并帮助我改进我的逻辑错误。 我希望当用户离开@EditorFor()显示错误图像时验证此错误的想法。

// Model
[Required(ErrorMessage = "This field is required")]
public string Email { get; set; }
        

//View
script type='text/javascript'>
    $(function () {
        //When the blur event occurs from your Textbox (you lose focus)
        $('#textEmail').blur(function () {
            var email = document.getElementById("textEmail").value;
            var expr = /^([\w-\.]+)@@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
            if (!expr.test(email)) {
                alert("Invalid email address.");
            }
            else {
                alert("Ok");
            }
        });
    });

Answer 1

正确使用 MVC 的 Data Annotation 可以在没有 JQuery 的情况下实现。

对于数据注释，请在属性上方写下错误消息，如下所示：

[Required(ErrorMessage = "This field is required")]
public string Email { get; set; }

其他一些注释也可以与必需注释一起使用。 要验证有效的 email 地址，可以使用以下注释：

[Required(ErrorMessage = "This field is required")]
[EmailAddress(ErrorMessage = "Invalid email address")]
public string Email { get; set; }