Angularjsの2つのボタンのバリデーションが異なりますか？

Question

こんにちは私は、HTMLコントロールを持つ2つのフォームがあります。以下は私のフォームです。

<form name="form3" novalidate> 
      <fieldset ng-disabled="employementdetails"> 
      <div class="inputblock" ng-class="{ 'has-error' : ((form3.$submitted && form3.Employer.$invalid) || (form3.Employer.$invalid && form3.Employer.$dirty))}"> 
         <div> 
          <span class="ang-error" style="color:#fff" ng-show="form3.Employer.$invalid && form3.Employer.$error.required && form3.Employer.$dirty">*Required</span> 
         </div> 
         <select ng-model="user.Employer" name="Employer" id="Employer" ng-options="user.ID as user.Employer for user in EmployerList" required> 
          <option value="" label="Employer">Employer</option> 
         </select> 
        </div> 
      //some other controls 
      <div class="button-container"> 
         <input type="submit" value="{{ 'BACK' | translate }}" class="brown-button" ng-click="gotopersonaladdress()"> 
         <input type="submit" value="{{ 'NEXT' | translate }}" class="blue-button" ng-click="saveemployementdetails()"> 
      </div> 
      </fieldset> 
</form> 

NEXTをクリックすると、必要に応じて検証が正常に機能します。しかし、私がBACKボタンをクリックすると、私は検証をしたくないし、以前のフォームにスクロールしています。これは起こっていない。 BACKをクリックすると、私の検証が実行されています。私はそれを無効にする方法はありますか？どんな助けもありがとう。ありがとうございました。

Answer 1

type="submit"ボタンを使用すると、フォームの送信準備ができているので、すべての検証を適用する必要があります。 戻るボタンには単純なtype="button"を使用してください。

Answer 2

BACK入力のtype = "submit"は、フォームを自動的に検証します。代わりに、タイプ=「ボタン」を使用してみてください：

<div class="button-container"> 
    <input type="button" value="{{ 'BACK' | translate }}" class="brown-button" ng-click="gotopersonaladdress()"> 
    <input type="submit" value="{{ 'NEXT' | translate }}" class="blue-button" ng-click="saveemployementdetails()"> 
</div> 

Answer 3

特定のボタンの検証をスキップする最も簡単な方法は、それにformnovalidate属性を追加することです：

<input type="submit" value="{{ 'NEXT' | translate }}" class="blue-button" 
formnovalidate ng-click="saveemployementdetails()">