How can I conditionally require form inputs with AngularJS?

by

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.

<input type="email"
       name="email"
       ng-model="contact.email" 
       placeholder="[email protected]"
       ng-required='!contact.phone' />

<input type="text"
       ng-model="contact.phone"             
       placeholder="(xxx) xxx-xxxx"
       ng-required='!contact.email' />

Here’s a more complete example: http://jsfiddle.net/uptnx/1/

More Related Contents:

  1. Using the HTML5 “required” attribute for a group of checkboxes?
  2. Disable submit button when form invalid with AngularJS
  3. Angular form validation ng-disabled not working
  4. Symfony2 invalid form without errors
  5. Validate fields after user has left a field
  6. Why does setting ng-model to undefined not make the form/input valid again?
  7. When should I use GET or POST method? What’s the difference between them?
  8. CSS selector for a checked radio button’s label
  9. Postman Chrome: What is the difference between form-data, x-www-form-urlencoded and raw
  10. AngularJS: integrating with server-side validation
  11. Best JavaScript solution for client-side form validation and interaction? [closed]
  12. HTML/JavaScript: Simple form validation on submit
  13. Angular 2 – large scale application forms’ handling
  14. What is &amp used for
  15. How to show setCustomValidity message/tooltip without submit event
  16. How to use array of objects for controls in Reactive Forms
  17. Uploading file using Google Apps Script using HtmlService
  18. How do I add validation to the form in my React component?
  19. Angularjs how to upload multipart form data and a file?
  20. How to set custom validation messages for HTML forms?
  21. Trigger standard HTML validation (form) without using submit button? [duplicate]
  22. What is the right way to POST multipart/form-data using curl?
  23. Can you require two form fields to match with HTML?
  24. within not entirely working, only the last is processed
  25. Pass custom options to a symfony2 form
  26. Delphi Change main form while application is running
  27. Avoid modal dismiss on enter keypress
  28. Angularjs – simple form submit
  29. Add span inside form’s placeholder
  30. How to keep changed form content when leaving and going back to HTTPS page? (works with HTTP)

Leave a Comment