Angular中$setPristine不生效，自定义验证后错误样式无法清除

看起来你遇到了AngularJS表单验证里的典型坑——手动修改$error对象并不会触发框架更新控件的状态和样式，因为AngularJS会在每次验证周期自动维护这些属性，你手动修改的内容很快会被覆盖掉。

问题根源 #

你尝试直接设置self.bankInfoForm.bankTransferNumber.$error.validateTransferNumber = false，但AngularJS的表单控件状态（包括$error、$valid、$invalid以及对应的CSS类）是由框架的验证机制自动管理的，手动修改$error不会触发状态更新，所以错误样式依然挂在控件上。

正确解决方案 #

应该使用AngularJS官方提供的$setValidity()方法来手动控制验证状态，这个方法会同步更新控件的所有相关状态和样式：

self.changeTransferNumber = function () {
  // 执行你的自定义验证逻辑
  var isValid = validateRoutingNumber(self.bankTransferNumber);
  
  // 关键操作：用$setValidity设置验证状态，框架会自动更新$error和CSS类
  self.bankInfoForm.bankTransferNumber.$setValidity('validateTransferNumber', isValid);
  
  // 如果需要重置控件为"未触碰/未修改"状态（根据你的需求可选）
  // self.bankInfoForm.bankTransferNumber.$setUntouched();
  // self.bankInfoForm.bankTransferNumber.$setPristine();
};

为什么这个方法有效？ #

$setValidity(validationKey, isValid)会完成以下关键操作：

1. 同步更新控件的$error[validationKey]值（对应你的validateTransferNumber）
2. 自动调整$valid和$invalid的整体状态
3. 触发AngularJS的脏检查机制，让页面上的CSS类（比如ng-valid、ng-invalid）自动切换

额外建议 #

如果你的自定义验证是通过指令注册的（比如使用ngModel.$validators），建议保持验证逻辑的一致性——要么完全依赖自动验证，要么在需要手动干预时统一用$setValidity，不要混合手动修改$error的方式，避免出现状态不一致的问题。

内容的提问来源于stack exchange，提问作者Lio Programista