提交后输入值的颜色

时间:2014-05-06 03:20:46

标签: javascript jquery html css

当我输入正确或不正确的形式时,颜色会相应地改变,当我将其移除时,它会再次相应地改变,但是当我重新输入或删除输入值时,第三次颜色停止变化,就好像代码卡住了一样能够更长时间

这是我的网址 http://codepen.io/epmiles/pen/ewEjn?editors=100

1 个答案:

答案 0 :(得分:0)

这是因为您没有从输入字段中删除已添加的类(failuresuccess)。因此,一旦某个字段被标记为有效(success),那么如果您将其分配给它的两个类(failuresuccess)无效。然后,因为success类在failure之后定义,它将获得优先权。

因此,在字段验证开始之前添加以下内容

name.add(pass).add(verify).add(email).removeClass('failure success');

演示:CodePen