Fixed a problem with ng-model-options updateOn blur/default with debounce not validating - a bit of a tricky problem!

Author: jonsamwell

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-auto-validate",
-  "version": "1.19.2",
+  "version": "1.19.3",
   "description": "An automatic validation module for AngularJS which gets rid of excess html in favour of dynamic element modification to notify the user of validation errors",
   "main": "dist/jcs-auto-validate.js",
   "keywords": [

dist/changelog.txt

@@ -1,3 +1,6 @@
+v1.19.3 30/11/2015
+Fixed a problem with ng-model-options updateOn blur/default with debounce not validating - a bit of a tricky problem!
+
 v1.19.2 30/11/2015
 Added ability for the library to delay showing validation hints on an element while async validators are firing.
 This functionality is enabled by default - to disbale it change the 'waitForAsyncValidators' option in the defaultFormValidationOptions

dist/jcs-auto-validate.js

@@ -1,5 +1,5 @@
 /*
- * angular-auto-validate - v1.19.2 - 2015-11-30
+ * angular-auto-validate - v1.19.3 - 2015-11-30
  * https://github.com/jonsamwell/angular-auto-validate
  * Copyright (c) 2015 Jon Samwell (http://www.jonsamwell.com)
  */
@@ -1394,7 +1394,10 @@ angular.module('jcs-autoValidate').config(['$provide',
               if (attrs.formnovalidate === undefined &&
                 (frmCtrl !== undefined && frmCtrl !== null && frmCtrl.autoValidateFormOptions &&
                   frmCtrl.autoValidateFormOptions.disabled === false)) {
-                if (!supportsNgModelOptions || ngModelOptions === undefined || ngModelOptions.updateOn === undefined || ngModelOptions.updateOn === '') {
+                // if the version of angular supports ng-model-options let angular handle the element.on bit
+                // fixes issue with async validators
+                if (supportsNgModelOptions ||
+                  (!supportsNgModelOptions || ngModelOptions === undefined || ngModelOptions.updateOn === undefined || ngModelOptions.updateOn === '')) {
                   ngModelCtrl.$setValidity = function (validationErrorKey, isValid) {
                     setValidity.call(ngModelCtrl, validationErrorKey, isValid);
                     setValidationState();

dist/jcs-auto-validate.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-auto-validate",
-  "version": "1.19.2",
+  "version": "1.19.3",
   "description": "An automatic validation module for AngularJS which gets rid of excess html in favour of dynamic element modification to notify the user of validation errors",
   "main": "angular-auto-validate.min.js",
   "scripts": {

package.json

@@ -34,7 +34,10 @@ angular.module('jcs-autoValidate').config(['$provide',
               if (attrs.formnovalidate === undefined &&
                 (frmCtrl !== undefined && frmCtrl !== null && frmCtrl.autoValidateFormOptions &&
                   frmCtrl.autoValidateFormOptions.disabled === false)) {
-                if (!supportsNgModelOptions || ngModelOptions === undefined || ngModelOptions.updateOn === undefined || ngModelOptions.updateOn === '') {
+                // if the version of angular supports ng-model-options let angular handle the element.on bit
+                // fixes issue with async validators
+                if (supportsNgModelOptions ||
+                  (!supportsNgModelOptions || ngModelOptions === undefined || ngModelOptions.updateOn === undefined || ngModelOptions.updateOn === '')) {
                   ngModelCtrl.$setValidity = function (validationErrorKey, isValid) {
                     setValidity.call(ngModelCtrl, validationErrorKey, isValid);
                     setValidationState();

src/config/ngModelDecorator.js

@@ -20,21 +20,22 @@
                         </span>
                         <input type="text" name="email" class="form-control"
                                ng-model="user.email"
+                               ng-model-options="{ updateOn: 'default', debounce: 400 }"
                                placeholder="Enter email address"
                                ng-required="true"
                                unique-email-checker/>
 
                     </div>
                 </div>
-                <div class="form-group">
-                    <label class="control-label">Name</label>
-                        <input type="text" name="name" class="form-control"
-                               ng-model="user.name"
-                               placeholder="Enter your name"
-                               ng-required="true"
-                               ng-minlength="3"/>
+                <!--<div class="form-group">-->
+                    <!--<label class="control-label">Name</label>-->
+                        <!--<input type="text" name="name" class="form-control"-->
+                               <!--ng-model="user.name"-->
+                               <!--placeholder="Enter your name"-->
+                               <!--ng-required="true"-->
+                               <!--ng-minlength="3"/>-->
 
-                </div>
+                <!--</div>-->
 
                 <button type="submit" class="btn btn-default">Submit</button>
                 <button type="reset" class="btn btn-default">Reset</button>
@@ -90,7 +91,7 @@
                         ctrl.$asyncValidators.uniqueEmailChecker = function(modelValue, viewValue) {
                             var defer = $q.defer();
                             $timeout(function() {
-                                defer.resolve(viewValue);
+                                defer.reject(viewValue);
                             }, 2000);
 
                             return defer.promise;