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/