Угловая форма проверки не работает

Question

У меня есть эта простая форма с текстовым полем, которое требуется и кнопка сохранения.

<form role="form" name="frmVariableConfig" novalidate ng-submit="frmVariableConfig.$valid && vm.saveChanges()">     
    <input type="text" ng-model="vm.CurrCustomer.Name" name="txtCustomerName" class="form-control input-sm validate[required]" placeholder="txtCustomerName" check-validation> 
    <button type="submit" class="btn btn-sm text-right">Save</button>     
</form> 

Я использую эту директиву, чтобы активировать Jquery Validation Двигатель

angular.module('app').directive('checkValidation', [ 
    function() { 
     return { 
      restrict: 'A', 
      require: '?ngModel', 
      link: function (scope, element, attrs, ngModel) { 
       element.closest('form').validationEngine(
        { 
         promptPosition: 'centerRight', 
         scroll: true, prettySelect: true, 
         autoPositionUpdate: true, 
         //validateNonVisibleFields: true, 
         //autoHidePrompt: true, 
         autoHideDelay: 1000, 
         fadeDuration: 0.9 
        } 
       ); 
      } 
     }; 
    }]); 

, но он держит на вызов SaveChanges(), даже если текст-бокс пуст. Он не должен вызывать эту функцию, если текстовое поле пуст.

Пожалуйста, помогите.

Answer 1

В одном проекте единственный способ решить этот сценарий - передать значение $ valid для сохранения метода.

HTML

ng-submit="vm.saveChanges(frmVariableConfig.$valid)" 

JS

$scope.saveChanges = function(valid) { 
    if(valid) { 
    //do save 
    } 
}