Đầu tiên html helper tạo thuộc tính validation client-side, trong khi cái thứ hai không

Question

Hãy nói rằng tôi có mô hình này:

public class Person 
{ 
    public bool IsApproved { get; set; } 
} 

Và whis mã này, tôi đang cố gắng để render input với check loại:

@Html.CheckBoxFor(x => x.IsApproved) 
@Html.CheckBox("IsApproved") 

Nhưng, kết quả là khác nhau:

// CheckBoxFor result 
<input data-val="true" data-val-required="The IsApproved field is required." id="IsApproved" name="IsApproved" type="checkbox" value="true"> 
<input name="IsApproved" type="hidden" value="false"> 

// CheckBox result 
<input id="IsApproved" name="IsApproved" type="checkbox" value="true"> 
<input name="IsApproved" type="hidden" value="false"> 

Làm thế nào và tại sao, cái đầu tiên tạo thuộc tính cho xác thực phía máy khách, trong khi cái kia thì không?

Cập nhật:

Sau khi trao đổi thứ tự của @Html.CheckBoxFor và @Html.CheckBox, thứ tự của các yếu tố đánh dấu không thay đổi.

Answer 1

Trình trợ giúp CheckBox() không hiển thị thuộc tính data-val vì biểu mẫu đã hiển thị CheckBoxFor() cho cùng một sản phẩm. Nếu bạn trao đổi thứ tự, các thuộc tính data-val sẽ được hiển thị cho CheckBox() (và không cho CheckBoxFor()).

Sự hiểu biết của tôi là điều này sẽ gây ra vấn đề tiềm ẩn (trùng lặp) với jquery.validation.unobtrusive khi phân tích biểu mẫu.

Trình trợ giúp html cho các điều khiển bên trong gọi phương thức GetUnobtrusiveValidationAttributes() là HtmlHelper. From the source code (tôi nhấn mạnh)

Chỉ làm cho thuộc tính nếu không phô trương xác nhận client-side được kích hoạt, và sau đó chỉ nếu chúng ta chưa bao giờ trả lại xác nhận cho một lĩnh vực với tên này theo hình thức này. Ngoài ra, nếu không có bối cảnh mẫu, sau đó chúng ta không thể làm cho các thuộc tính (chúng tôi không có để đính kèm chúng vào)

public IDictionary<string, object> GetUnobtrusiveValidationAttributes(string name, ModelMetadata metadata) 
{