toggle has-error on parent form-group with $validationProvider valid/invalid callbacks

Author: tb

README.md

@@ -122,6 +122,18 @@ $validationProvider.setErrorHTML(function (msg) {
 
 You can add the bootstrap class `.has-success` in a similar fashion.
 
+To toggle `.has-error` class on bootstrap `.form-group` wrapper for labels and controls, add:
+
+```javascript
+angular.extend($validationProvider, {
+    validCallback: function (element){
+        $(element).parents('.form-group:first').removeClass('has-error');
+    },
+    invalidCallback: function (element) {
+        $(element).parents('.form-group:first').addClass('has-error');
+    }
+});
+```
 
 CHANGELOG
 =====

src/directive.js

@@ -33,6 +33,7 @@
                     }
                     ctrl.$setValidity(ctrl.$name, true);
                     if (scope.validCallback) scope.validCallback();
+                    if ($validationProvider.validCallback) $validationProvider.validCallback(element);
 
                     return true;
                 };
@@ -64,6 +65,7 @@
                     }
                     ctrl.$setValidity(ctrl.$name, false);
                     if (scope.inValidCallback) scope.inValidCallback();
+                    if ($validationProvider.invalidCallback) $validationProvider.invalidCallback(element);
 
                     return false;
                 };

src/provider.js

@@ -265,6 +265,8 @@
                         showErrorMessage: this.showErrorMessage,
                         checkValid: this.checkValid,
                         validate: this.validate,
+                        validCallback: this.validCallback,
+                        invalidCallback: this.invalidCallback,
                         reset: this.reset
                     };
                 }