javascript - How to use ng-disabled to prevent user from resubmitting form -
i'm trying prevent user resubmitting login form code below
<button class="submit" ng-disabled="form_login.$submitted" type="submit"></button> but disable submit button long button clicked, when user submit invalid data. right way stop submit button after valid information submitted?
you can use ng-required attribute(directive) check dirty state of element.
try this:
var app = angular.module('plunker', []); app.controller('mainctrl', function($scope) {});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <!doctype html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>angularjs plunker</title> <script> document.write('<base href="' + document.location + '" />'); </script> <link rel="stylesheet" href="style.css" /> <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.8/angular.js" data-semver="1.4.8"></script> <script src="app.js"></script> </head> <body ng-controller="mainctrl"> <form action="#" method="post" name="myform"> name:: <input type="text" ng-model="name" ng-required='true'> <input type="submit" ng-disabled="myform.$invalid" value="submit"> </form> </body> </html>
Comments
Post a Comment