Angular form validation ng-disabled not working

by

You’re missing ng-model on every field of your form. Keep in mind when you mention ng-model on any form field at that time ng-model creates the extra objects inside form name object with that specific name attribute which then considered while form validation like $error, $valid, $invalid, etc.

As your form name is blgoPost, when angular compile this page,it internally creates the object inside the scope of the name of blgoPost. And the all the input fields which has name & ng-model assign to them gets added inside that blgoPost object. But if you don’t mention ng-model to the form fields then it will never get added inside the blgoPost form object.

HTML

<form role="form" name="blgoPost" novalidate="">
    <input name="first" />
    <div class="form-group">
        <label for="blgoTitle">Title</label>
        <input name="title" type="title" class="form-control" ng-model="test1" placeholder="Technologies of the Future" required="">
        <br>
        <label for="blgoContent">Content</label>
        <textarea name="content" rows="8" type="content" ng-model="test2" class="form-control" placeholder="The technical innovations of the future will be diverse and impactful on the individual......" required=""></textarea>
        <br>
        <label for="blgoPassCode">PassCode</label>
        <input name="passcode" type="passcode" ng-model="test3" class="form-control" placeholder="&#8226;&#8226;&#8226" required="" />
        <br/>
        <button type="submit" class="btn btn-primary" ng-disabled="blgoPost.$invalid">Submit Post</button>
    </div>
</form>

Working Fiddle

More Related Contents:

  1. My form’s validate() is not working
  2. HTML5 form required attribute. Set custom validation message?
  3. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  4. How to Call a JS function using OnClick event [duplicate]
  5. Enable/Disable submit button if checkbox is checked/unchecked?
  6. Best JavaScript solution for client-side form validation and interaction? [closed]
  7. HTML/JavaScript: Simple form validation on submit
  8. How to show setCustomValidity message/tooltip without submit event
  9. How to set custom validation messages for HTML forms?
  10. Trigger standard HTML validation (form) without using submit button? [duplicate]
  11. angularjs form reset error
  12. Why does setting ng-model to undefined not make the form/input valid again?
  13. How can I void a form action and execute jQuery when all HTML form elements are validated?
  14. Stop form refreshing page on submit
  15. Adding input elements dynamically to form
  16. How to make ng-bind-html compile angularjs code
  17. Prevent form redirect OR refresh on submit?
  18. HTML form action and onsubmit issues
  19. Ternary operator in AngularJS templates
  20. Intercept a form submit in JavaScript and prevent normal submission
  21. Set active tab style with AngularJS
  22. Image loaded event in for ng-src in AngularJS
  23. How do I disable the save password bubble in chrome using Javascript?
  24. Recommendation for javascript form validation library [closed]
  25. How do you limit options selected in a html select box?
  26. Trigger autocomplete without submitting a form
  27. AngularJS – placeholder for empty result from filter
  28. Passing javascript variables between pages [duplicate]
  29. Clear localStorage on tab/browser close but not on refresh
  30. HTML form input tag name element array with JavaScript

Leave a Comment