Angularjs使用输入,复选框和单选按钮进行验证

时间:2017-03-16 07:00:23

标签: html angularjs

我需要选择至少一个复选框和一个带剩余字段的单选按钮。

这里没有选择复选框,它允许提交,如果我选择一个复选框,那么它也不允许。

请让我验证此表单至少有一个复选框和单选按钮,其余字段是必需的

JSFiddle

mysql> select * from games;
+----+------+------+
| id | xid  | val  |
+----+------+------+
|  1 |    4 |    1 |
|  2 | NULL |    2 |
|  3 | NULL |    3 |
|  4 |    1 |    4 |
|  5 |    2 |    5 |
+----+------+------+

1 个答案:

答案 0 :(得分:1)

我认为稍微更改ng-required会解决您的问题。

所以,而不是;

<input type="checkbox"
    ng-model="addUserFormData.cStoreAnalytics"
    ng-required="addUserFormData.cStoreAnalytics
                    || addUserFormData.cameraAnalytics
                    || addUserFormData.wifiAnalytics">

使用它(对所有复选框应用相同的逻辑):

<input type="checkbox"
    ng-model="addUserFormData.cStoreAnalytics"
    ng-required="!(addUserFormData.cStoreAnalytics
                    || addUserFormData.cameraAnalytics
                    || addUserFormData.wifiAnalytics)">