小编use*_*310的帖子

如何验证是否应选择至少一个复选框?

我想在没有表单标签的情况下对复选框进行验证.至少应选择一个复选框.

<div *ngFor="let item of officeLIST">
  <div *ngIf=" item.officeID == 1">
    <input #off type="checkbox" id="off" name="off" value="1" [(ngModel)]="item.checked">
    <label>{{item.officename}}</label>
  </div>

  <div *ngIf="item.officeID== 2">
    <input #off type="checkbox" id="off" name="off" value="2" [(ngModel)]="item.checked">
    <label>{{item.officename}}</label>
  </div>

  <div *ngIf="item.officeID== 3">
    <input #off type="checkbox" id="off" name="off" value="3" [(ngModel)]="item.checked">
    <label>{{item.officename}}</label>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

对于其他领域,我将把所需要的和错误|触摸|有效等等但由于复选框不是单输入,我不能在每个复选框中放置所需,因为所有复选框都必须被选中.那么如何进行验证以提醒用户至少应检查一个?

forms validation typescript angular

19
推荐指数
3
解决办法
2万
查看次数

标签 统计

angular ×1

forms ×1

typescript ×1

validation ×1