Validating checkboxes angular

Question

How to validate this checkboxes, at least one must be checked, if not, there has to be some message or alert

<div class="form-group" ng-class="{ 'has-error' : actionsAddForm.active.$invalid && !actionsAddForm.active.$pristine }">
    <label class="control-label col-sm-2">Days*</label>
    <div class="col-sm-10">
        <label>Monday
          <input type="checkbox" ng-model="actions.value1">
        </label>
        <label>Tuesday
          <input type="checkbox" ng-model="actions.value2">
        </label>
        <label>Wednesday
          <input type="checkbox" ng-model="actions.value3">
        </label>
        <label>Thursday
          <input type="checkbox" ng-model="actions.value4">
        </label>
        <label>Friday
          <input type="checkbox" ng-model="actions.value5">
        </label>
        <label>Saturday
          <input type="checkbox" ng-model="actions.value6">
        </label>
        <label>Sunday
          <input type="checkbox" ng-model="actions.value7">
        </label>
    </div>

Deblaton Jean-Philippe · Accepted Answer · 2016-04-19 09:12:56Z

1

This can be done :

<div ng-hide="actions.value1 || actions.value2 || actions.value3...">
    You have an error 
</div>

Otherwise, if you want to be able to use $valid,... You will have to create a custom directive inheriting from ngModelController, and adding your custom validators inside : https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

edited Apr 19, 2016 at 9:12

answered Apr 19, 2016 at 9:09

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mark Over a year ago

ok, that is most basic and working solution, thx, for now ill leave it like that, and start playing with custom directives

Collectives™ on Stack Overflow

Validating checkboxes angular

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related