AngularJS单选按钮验证

Question

简单易行。

我有两个单选按钮。

<input type="radio" name="gender" ng-model="male">
<input type="radio" name="gender" ng-model="female">

如何在AngularJS中验证至少选择了一个？我怎么键入类似

的东西

$scope.myForm.gender.$invalid

有什么想法吗？

Answer 1

使用必需：

   <input type="radio" name="gender" ng-model="male" required>
   <input type="radio" name="gender" ng-model="female" required>

DEMO

同一问题在这里问：Validate Radio Button AngularJS

Answer 2

如果没有表单，您可以通过检查控制器中模型的值来解决此问题，如果两者都为false，则返回错误。您也可以默认设置为true。

但是要回答你的问题，你可以做一些与$scope.myForm.gender.$invalid类似的事情，你要做的就是将输入标签包装在一个名为myForm的表单中。所以，它想：

<form name="myForm">
   <input type="radio" name="gender" ng-model="male">
   <input type="radio" name="gender" ng-model="female">
</form>

然后，$scope.myForm将能够为您提供某些属性，例如$isPristine和每个输入字段的属性。

这两种方式都可以使用，所以我帮忙帮忙！