角2香菜防止表單提交當輸入無效

 <div> 
      <form class="form-horizontal form-label-left parsleyjs" method="post" data-parsley-priority-enabled="false" 
       (ngSubmit)="submitForm()"> 
       <fieldset> 
        <div class="form-group row"> 
         <label class="form-control-label col-md-3 col-xs-12" for="task-id"> 
          ID 
          <span class="help-block"> 
           Number Only 
          </span> 
         </label> 
         <div class="col-md-9 col-xs-12"> 
          <input type="text" id="task-id" name="task-id" class="form-control" 
           data-parsley-type="number" 
           required="required"> 
         </div> 
        </div> 
       </fieldset> 
       <div class="form-actions"> 
        <button type="submit" id="task-detail-submit-button" class="btn btn-danger btn-rounded pull-xs-right">Submit</button> 
       </div> 
      </form> 
     </div>

香菜如何停止調用「submitForm（）」中的表單提交，當輸入無效。在這種情況下，「task-id」不是一個數字。角2香菜防止表單提交當輸入無效

來源

2016-07-21 dongx

http://stackoverflow.com/questions/38446956/angular-的重複勞動對不起這段代碼沒有進行測試2 -with-parsley-js-validation-can-block-the-submit-button –

希望這段代碼給你一個想法

 <form class="form-horizontal form-label-left parsleyjs" name="formname" method="post" data-parsley-priority-enabled="false" 
      (ngSubmit)="formname.valid && formname.submitForm()">

，如果它不爲它

來源

2016-07-21 11:32:23

這實際上是工作，我現在只是測試它。我的使用案例是，用戶可能會選擇更改簡單的'disabled' HTML指令並提交無效表單。如果用戶試圖操作它並在它觸發該功能之前強制它有效，那麼添加此位將停止提交表單。 – sofly

角2香菜防止表單提交當輸入無效

回答

相關問題