html输入框边框小时,input输入框，边框随错误变化？

1、当在输入框中输入的内容不规范，提交form表单，input输入框会提示错误，同时input的外层div边框变成红色，当我重新在输入框输入后，从第一个输入的字符开始，外层的div边框的颜色变成正常的颜色。

以下是代码

用  户  名

id="form_item_account"

ng-model="account"

name="account"

required

ng-pattern="regularList.account"

ng-class="{'warnning':checkForm.account.$focused,'error':(!isEmpty && checkForm.account.$blured &&

checkForm.account.$error.pattern) || (isEmpty && checkForm.account.$invalid)}"

ng-blur="checkForm.account.$blured = true;checkForm.account.$focused = false;"

ng-focus="checkForm.account.$focused = true;checkForm.account.$blured = false;accountValid()"

autocomplete="off"

>

立即注册

js中添加form_item_error类，输入框外层div边框变成红色，去掉这个类，外层div边框变成正常的

function checkError(form){

var item = form.parent();

if(form.hasClass("error")){

item.addClass("form_item_error");

}else if(item.hasClass("form_item_error")){

item.removeClass("form_item_error");

}else{

item.removeClass("form_item_error");

}

}

$scope.confirm = function () {

$scope.accountValid = function(){

checkError(form_account);

}

}

效果

错误时

在错误的情况下，输入内容，边框回复正常

求指点，谢谢