ASP.NET MVC验证成功时将颜色从红色变为绿色

Question

我已经使用数据注释成功实现了所有字段的验证，但现在我想要的是当我在我的字段中输入的值有效时，我希望它的颜色从Red更改为默认为绿色指示它取得了成功。

对此有什么想法..？

Answer 1

在将输入从错误更改为有效后，Jquery会自动添加有效类，因此只需为其添加样式

CSS：

input.valid
{
    border: 1px solid Green;
}

Answer 2

在您的默认css文件中，有以下代码：

/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

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

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid
{
    display: none;
}

您可以根据需要进行更改。