javascript - Jquery 更改文本框边框但只更改一次

Question

我尝试使用普通的 jquery 添加验证，并且在前半部分是成功的。当我提交空白字段时，文本框边框变为红色，但当我填充值并再次单击按钮时，边框不会变为新颜色。请在下面找到我的 jQuery 代码:

 if ($.trim($("input[id$='prgIDText']").val()).length < 1) {
            errMsg += "Program ID cannot be blank <br/>";
            $("input[id$='prgIDText']").css("border", "2px solid red");
        }
        else {
            alert($.trim($("input[id$='prgIDText']").val()).length);
            $("input[id$='prgIDText']").css("border", "border:1px solid #CCC");
        }

Answer 1

您的第二个 CSS 值中有边框。

.css("border", "border:1px solid #CCC");

应该是:

.css("border", "1px solid #CCC");

查看这个有效的 JSFiddle:

http://jsfiddle.net/0jvscr2n/