Question

我正在尝试确保至少勾选一个checkobx，我在提交表单时使用指令验证输入。

我为复选框添加标记：

<input type="checkbox" name="payment_types[]" ng-model="payment_types[1]"
       value="1" id="payment-types-ids-1" 
       required>Payment Method 1</label>

我正在使用CakePHP3的表单助手来呈现输入，因此我无法控制＆＃34;名称＆＃34;帮助器使用括号呈现的属性：

name="payment_types[]"

这似乎引起了问题，因为这个plunker的控制台报告：

https://plnkr.co/edit/0rPOGvVvPRACthn1AbXc?p=preview

我正在尝试确保/捕获最后一个checkobox选择，但该指令仅捕获无效的电子邮件。因此，如果不使用ng-repeat，我如何验证多个复选框选择？

Answer 1

<div class="form-group" ng-class="{ 'has-error' : payment_types.length == 0}">
<label>
 <input type="checkbox" name="payment_types[]" ng-model="payment_types[1]"
        value="1" id="payment-types-ids-1"
        required="required">Payment Method 1
</label>
</div> <br/>

因此，如果某个人至少没有在payment_types上选择，则长度将为零，并且您的此表单属性将处于错误状态。所以按钮不会启用。

Angular v1 Multi-Checkbox验证

1 个答案: