[英]Validate a form before it goes to ng-submit in Angular
我有一个像这样包裹的表格:
<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无法直观地显示此错误等等会更好。 有办法还是错了?
我建议使用单选按钮。 还有一个由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>
这是关于它的事情。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.