Final fix issue #55 - Bootstrap UI validation

- Fixed Bootstrap UI (or any other tool) interference with Angular-Validation, in relation to issue #55.
ghiscoding · Aug 10, 2015 · 5bec940 · 5bec940
1 parent cf24b69
commit 5bec940
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 8 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-validation-ghiscoding",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "author": "Ghislain B.",
   "description": "Angular-Validation Directive and Service (ghiscoding)",
   "main": [

diff --git a/changelog.txt b/changelog.txt
@@ -1,5 +1,6 @@
 Angular-Validation change logs
 
+1.4.2 (2015-08-09) Fixed Bootstrap UI interference with Angular-Validation, in relation to issue #55.
 1.4.1 (2015-08-09) Fixed issue #56 - TextArea validation problem with ENTER key (newline).
 1.4.0 (2015-08-06) Tested with AngularJS 1.4.x branch. Also fixed issue #55 - ui bootsrap datepicker and angular-validation.
 1.3.39 (2015-07-28) Fixed issue #54 - display alt text as HTML instead of escaped text, changed from `.text()` to `.html()`

diff --git a/dist/angular-validation.min.js b/dist/angular-validation.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-validation-ghiscoding",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "author": "Ghislain B.",
   "description": "Angular-Validation Directive and Service (ghiscoding)",
   "main": "app.js",

diff --git a/readme.md b/readme.md
@@ -1,5 +1,5 @@
 #Angular Validation (Directive / Service)
-`Version: 1.4.1`
+`Version: 1.4.2`
 ### Form validation after user inactivity of default 1sec. (customizable timeout)
 
 Forms Validation with Angular made easy! Angular-Validation is an angular directive/service with locales (languages) with a very simple approach of defining your `validation=""` directly within your element to validate (input, textarea, etc) and...that's it!!! The directive/service will take care of the rest!

diff --git a/src/validation-directive.js b/src/validation-directive.js
@@ -30,8 +30,11 @@
         }
 
         // attach the attemptToValidate function to the element
-        ctrl.$formatters.unshift(attemptToValidate);
-        ctrl.$parsers.unshift(attemptToValidate);
+        // wrap the calls into a $timeout so that if falls at the end of the $digest, because other tool like Bootstrap UI might interfere with our validation
+        $timeout(function() {
+          ctrl.$formatters.unshift(attemptToValidate);
+          ctrl.$parsers.unshift(attemptToValidate);
+        });
 
         // watch the `disabled` attribute for changes
         // if it become disabled then skip validation else it becomes enable then we need to revalidate it