Disable submit button when form invalid with AngularJS

by

You need to use the name of your form, as well as ng-disabled: Here’s a demo on Plunker

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button ng-disabled="myForm.$invalid">Save</button>
</form>

More Related Contents:

  1. How can I conditionally require form inputs with AngularJS?
  2. Validate fields after user has left a field
  3. When should I use GET or POST method? What’s the difference between them?
  4. What characters are allowed in an email address?
  5. How can I retain HTML form field values in JSP after submitting form to Servlet?
  6. Preventing form resubmission
  7. CSS selector for a checked radio button’s label
  8. Using the HTML5 “required” attribute for a group of checkboxes?
  9. Disable form auto submit on button click
  10. Send value of submit button when form gets posted
  11. How to prevent robots from automatically filling up a form?
  12. Postman Chrome: What is the difference between form-data, x-www-form-urlencoded and raw
  13. Better Honeypot Implementation (Form Anti-Spam)
  14. Clear JSF form input values after submitting
  15. Manually Set Value for FormBuilder Control
  16. Angular 2 – large scale application forms’ handling
  17. Play 2.4: Form: could not find implicit value for parameter messages: play.api.i18n.Messages
  18. What is &amp used for
  19. How to use array of objects for controls in Reactive Forms
  20. Uploading file using Google Apps Script using HtmlService
  21. Angular 4 Form FormArray Add a Button to add or delete a form input row
  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