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

Question

我已经使用数据注释成功地实现了对所有字段的验证，但是现在我想要的是，当在我的字段中输入的值有效时，我希望它的颜色从默认的红色变为绿色，表明它是成功。

对此有任何想法..？

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;
}

你可以改变你想要的地方。