Angularjs中两个按钮的不同验证？

Question

嗨,我有两种形式的HTML控件.以下是我的表格.

<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"的后退按钮.