Disable submit button after one click in angularJS

angularjs button angularjs-ng-disabled
sravs17991 picture sravs17991 · Jul 27, 2016 · Viewed 15.8k times · Source

I would like to disable button after one click.

Code:

<button id="submitRequest" class="btn btn-primary btn-active"
        ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)"
        ng-click="SaveData()">
  <i class="fa fa-save"></i> Submit
</button>

How to disable this one after one click?

Thanks!

Answer

EddNewGate picture EddNewGate · Jul 27, 2016

Simple. You write to element a bit of javascript, like onclick="this.disabled=true" .

<button id="submitRequest" onclick="this.disabled=true" class="btn btn-primary btn-active" ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)" ng-click="SaveData()"><i class="fa fa-save"></i> Submit</button>

Related questions

How to disable a button in ANGULARJS

i have angularJS 1.5.0-rc.2 I found on the internet that i can use the directive data-ng-disabled="Expression" But it won't disable a button. What i tried : <button data-ng-disabled="false">Select</button> // don't work <button data-ng-disabled="…

Read More
Disable submit button when form invalid with AngularJS

I have my form like this: <form name="myForm"> <input name="myText" type="text" ng-model="mytext" required /> <button disabled="{{ myForm.$invalid }}">Save</button> </form> As you may see, the button …

Read More
Control or Disable Browser Back Button with Javascript or AngularJS

Control or Disable Browser Back Button with Javascript or AngularJS Here i am not asking a question but i want to show a solution to how you can disable and control Browser's Back Button if you are using AngularJS or …

Read More