更改文本框的边框颜色时验证与HappyJs发生 [英] Changing textbox border color when validation occurs with HappyJs

问题描述

我试图让该文本框的边框颜色时验证踢在我的形式来改变。我公司目前已在CSS样式设置：

I'm trying to get the textbox border color to change when the validation kicks in on my form. I currently have a style set-up in the css:

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

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

然而，这需要改变为红色，如果的JavaScript 的验证踢。

我使用了以下内容： HappyJs

推荐答案

随着不高兴类，如果一个字段的验证修改补充被happy.js。
所以，你可以添加以下你的CSS

With happy.js the "unhappy" class gets added if a fields validation changes. So you can add the following to your CSS

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

这篇关于更改文本框的边框颜色时验证与HappyJs发生的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！