How can I conditionally require form inputs with AngularJS

Question

Suppose we re building an address book application  contrived example  with AngularJS   We have a form for contacts that has inputs for email and phone number  and we want to require one or the other  but not both  We only want the email input to be required if the phone input is empty or invalid  and vice versa   Angular has a required directive  but it s not clear from the documentation how to use it in this case  So how can we conditionally require a form field  Write a custom directive

User · Answer

For Angular 2  lt input   ngModel    email   required    phone    gt   lt input   ngModel    phone   required    email    gt

User · Answer

For Angular2   lt input type  email         ngModel    contact email       required    contact phone   gt

User · Answer

There s no need to write a custom directive  Angular s documentation is good but not complete  In fact  there is a directive called ngRequired  that takes an Angular expression    lt input type  email         name  email         ng-model  contact email          placeholder  your email com         ng-required   contact phone    gt    lt input type  text         ng-model  contact phone                      placeholder   xxx  xxx-xxxx         ng-required   contact email    gt      Here s a more complete example  http   jsfiddle net uptnx 1

User · Answer

Simple you can use angular validation like      lt input type  text     name  name     ng-model  person name     ng-required   person lastname   gt       lt input type  text     name  lastname     ng-model  person lastname                  ng-required   person name    gt     You can now fill the value in only one text field  Either you can fill name or lastname  In this way you can use conditional required fill in AngularJs

User · Answer

if you want put a input required if other is written       lt input type  text     name  name     ng-model  person name   gt       lt input type  text     ng-model  person lastname                  ng-required  person name    gt      Regards

User · Answer

In AngularJS  version 1 x   there is a build-in directive ngRequired  lt input type  email         name  email         ng-model  user email          placeholder  your email com         ng-required   user phone    gt    lt input type  text         ng-model  user phone                      placeholder   xxx  xxx-xxxx         ng-required   user email    gt    In Angular2 or above  lt input type  email         name  email           ngModel    user email          placeholder  your email com          required    user phone    gt    lt input type  text           ngModel    user phone                      placeholder   xxx  xxx-xxxx          required    user email    gt

[forms] How can I conditionally require form inputs with AngularJS?

Examples related to forms

Examples related to validation

Examples related to angularjs