如何在表单加载时使用mvc中的模型验证使必填字段变为红色

Question

我使用了模型验证和远程属性验证，单击提交按钮时所有必填字段都变为红色，是否可能所有必填字段在表单加载时变为红色？

Answer 1

如果您已经有CSS显示红色边框，如果输入无效，只需在表单加载时触发验证，但这也会显示验证消息。

<强> CSS

.input-validation-error {
    border: 1px solid red;
}

<强> JS

$(document).ready(function(){
    $("form").valid();
});

DEMO

Answer 2

这对我有帮助

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}