在表單進入Angular中的ng-submit之前驗證表單

Question

我有一個像這樣包裹的表格：

<form ng-submit="processForm()">
...
        <div class="btn-group" role="group" ng-hide=0>
          <button type="button" value="dog" class="btn btn-default" ng-click="formData.type='dog' ">Dog</button>
          <button type="button" value="cat" class="btn btn-default" ng-click="formData.type='cat' ">Cat</button>
        </div>
...

因此，我需要做的一件事是在提交表單之前快速檢查一下，以確保此人已點擊其中一個按鈕。 我可以將這段代碼粘貼在我的processForm代碼中，但我覺得能夠在html文件中進行快速驗證並讓processForm無法直觀地顯示此錯誤等等會更好。 有辦法還是錯了？

Answer 1

我建議使用單選按鈕。 還有一個由angular給出的錯誤變量。 通過混合這些東西和html5，您可以簡單地為此創建良好的驗證。 無需將其提交給函數。

    <form ng-submit="processForm()" name="form">
    ...
    <div class="input-group">
      <span class="input-group-addon">
          <input type="radio" name="type" ng-model="type" value="dog" required>  Dog <br/>
      </span>
      <span class="input-group-addon">
          <input type="radio" name="type" ng-model="type" value="cat" required>  Cat <br/>
      </span>
    </div>
    <div ng-show="form.name.$error.required">
    Please select one.
    </div>

這是關於它的事情。