Javascript 在表单进入ng提交之前验证表单

Javascript 在表单进入ng提交之前验证表单,javascript,angularjs,Javascript,Angularjs,我有一张这样包装的表格: <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>

我有一张这样包装的表格:

<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不处理可视化显示此错误之类的事情,那就更好了。有没有办法或者我错了?

我建议使用单选按钮。 还有一个误差变量,由角度给出。 通过将这些东西与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>
是关于它的