如何調用表單上的自定義指令提交

Question

我有一個自定義指令，當我一旦改變輸入值，但當我提交表單時不改變輸入字段值指令不顯示錯誤消息。

的html代碼：

<form name="myform" role="form" class="form-horizontal" method="post" novalidate> 
     <div class="form-group"> 
      <label class="control-label col-sm-3" for="firstName">First name :</label> 
      <div class="col-sm-9"> 
      <input name='firstName' class="form-control" type='text' required ng-model='name' string> 
</div> 
     </div> 
<div class="form-group"> 

      <input type="submit" value="Submit" class="btn btn-success" /> 
     </div> 

    </form> 

指令：

validationModule.directive('string', function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 

     link: function (scope, element, attr, ctrl) { 
      function validationError(value) { 

       if (value.length < 1) { 
        ctrl.$setValidity('required', false); 
        //showPopOver(element, "Required field"); 
        errorValidation(element, "Required field"); 
       //  $(element).popover('show'); 
       } 
       if (/[a-zA-Z]/.test(value)) { 
        ctrl.$setValidity('invalid', true); 
        // $(element).popover('destroy'); 
        successValidation(element); 
       } 
       if (/[0-9]/.test(value)) { 
        ctrl.$setValidity('invalid', false) 
        errorValidation(element, "number not allowed"); 
        // showPopOver(element, "number not allowed"); 
       // $(element).popover('show'); 
       } 

       return value; 
      } 
      ctrl.$parsers.push(validationError); 
     } 
    }; 
}); 

我如何可以調用指令對提交事件進行驗證？

Answer 1

我不知道你正在使用哪個版本的角度，但是因爲1.3驗證器沒有被入侵到解析器。請參閱https://docs.angularjs.org/api/ng/type/ngModel.NgModelController中的$ validators 由於可能的名稱衝突，也不鼓勵使用此類通用名稱作爲指令。使用一些前綴，例如myString