如何在 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; }