asp.net - 使用 HappyJs 进行验证时更改文本框边框颜色

Question

我试图让文本框边框颜色在我的表单开始验证时发生变化。我目前在 css 中有一个样式设置:

input[type=text]:focus {
    box-shadow: 0px 0px 7px #0dc8e5;
}

input[type=text]:hover {
    box-shadow: 0px 0px 7px #0dc8e5;
}

但是，如果 javascript 验证开始，这需要更改为红色。

我正在使用以下内容:HappyJs .

Answer 1

对于 happy.js，如果字段验证发生变化，则会添加“unhappy”类。因此，您可以将以下内容添加到您的 CSS

.unhappy{
    border-color:red;
    border-width:1px;
    border-style:solid;
}