javascript - rails 中的 jquery : changing color of textbox dynamically

Question

我正在将 jquery 与 rails 结合使用...以下代码是我用于更改文本框边框颜色的 jquery 代码。我正在使用 Bootstrap 组件来执行此操作。

    $("#user_password").change(function(){
var myapp = $("#user_password").val().length;
      if(myapp <= 6){
        $("#example").addClass("has-error");
      }else{
        $("#example").addClass("");
      }
    });

当我运行这段代码时，当我在关联的文本框中键入少于或等于 6 个字符时，边框会变成红色，而当我键入超过 6 个字符时，边框会变成红色。

但是一旦我输入的字符少于 6 个，假设是 3 个字符，然后单击文本框就变成红色，但是当我向其中添加更多字符时，假设是 4 个字符，我仍然得到红色，但总和是 7。我应该没有颜色.而当我在开始处插入 7 个字符并从中删除 4 个字符时，我能够看到正确的红色，但反之亦然，但我的情况并非如此......任何人都可以看到这段代码中的问题是什么吗？请帮忙

Answer 1

你正在使用addClass，如果你想删除它，使用removeClass:

 $("#example").removeClass("has-error");