Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交后输入值的颜色_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 提交后输入值的颜色

Javascript 提交后输入值的颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当我输入正确或不正确的表格时,颜色会相应地改变,当我删除它时,颜色会相应地再次改变。然而,当我第三次重新输入或删除输入值时,颜色会停止改变,就好像代码被卡住了,无法再使用一样 这是我的网址 这是因为您没有从输入字段中删除已添加的类(failure,success)。因此,一旦一个字段被标记为有效(success),那么如果您使其无效,则分配给它的两个类(failure,success)。由于success类是在failure之后定义的,因此它将获得优先权 因此,请在字段验证开始之前添加以下内容

当我输入正确或不正确的表格时,颜色会相应地改变,当我删除它时,颜色会相应地再次改变。然而,当我第三次重新输入或删除输入值时,颜色会停止改变,就好像代码被卡住了,无法再使用一样

这是我的网址

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

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

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

演示:

很好,你加入了codepen,但总是这样添加代码。不过,我认为人们更喜欢。布局更好,更容易设置。