验证失败时,TextBox周围出现红色边框

发布时间：2020-12-16 07:37:46 所属栏目：asp.Net 来源：网络整理

导读：我正在使用ASP.NET MVC 2. Html.DropDownListFor和Html.TextAreaFor在验证失败时自动获得红色边框. 如何在验证失败时使TextBox的四个边框(使用Html.TextBoxFor)变为红色？例如,我有一个需要的TextBox,当用户提交表单时没有在文本框中指定值,我希望文本框有

我正在使用ASP.NET MVC 2.

Html.DropDownListFor和Html.TextAreaFor在验证失败时自动获得红色边框.

如何在验证失败时使TextBox的四个边框(使用Html.TextBoxFor)变为红色？

例如,我有一个需要的TextBox,当用户提交表单时没有在文本框中指定值,我希望文本框有红色边框.

解决方法

当模型属性的验证失败时 – 它会在html的输入中添加一个类.在验证失败时(使用视图源或firebug)查看渲染的html,并查看输入的类*.然后编辑您的css以包含失败验证的样式.

例如.在我的项目中,我有：

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

HTHS,
查尔斯

*我非常确定ASP.NET MVC默认添加类输入验证错误.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!