在表单进入Angular中的ng-submit之前验证表单

Validate a form before it goes to ng-submit in Angular

本文关键字：表单 验证 ng-submit Angular 中的      更新时间：2023-09-26

我有一个这样包装的表单：

<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>

这是关于它的一些信息。

相关文章：