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,但总是这样添加代码。不过,我认为人们更喜欢。布局更好,更容易设置。