Disabled button is clickable in ie 9

Question

The button is given to be disabled. but it is still clickable in ie 9.

Working fine in ie 7.

$(document).ready(function() {
$('#deleteclientajaxformlink').attr('disabled', true);
});

What can be the issue??? Any ways to disable from clicking?

struts2:

<sj:a id="deleteclientajaxformlink" formIds="deleteclientform"
targets="deleteclientformResult" button="true"
indicator="deleteclientsubmitindicator">Delete</sj:a>

Have you tried `$('#deleteclientajaxformlink').prop('disabled', true);`? — Satpal, Mar 26 '14 at 13:30
Also can try `$('#deleteclientajaxformlink').prop('disabled', 'disabled');` — Java_User, Mar 26 '14 at 13:31

score 0 · Accepted Answer · edited May 23 '17 at 11:45

0

If you are using jQuery < 1.6, do this:

  $('#deleteclientajaxformlink').attr("disabled", 'disabled');

If you are using jQuery 1.6+:

  $('#deleteclientajaxformlink').prop("disabled", true);

See this question: .prop() vs .attr() for references "why".

edited May 23 '17 at 11:45

Community

1
1

answered Mar 26 '14 at 13:37

Anant Dabhi

10,864
3
31
49

Hey the lines you gave is working fine disabling it... but I am able to click it :( and hence the form is getting submitted in ie 9. – Prisy Mar 27 '14 at 05:19

score 0 · Answer 2 · answered Mar 28 '14 at 03:52

Why not just use the <sj:a> tag disabled attribute

   <sj:a id="deleteclientajaxformlink" formIds="deleteclientform"
    targets="deleteclientformResult" button="true"
    indicator="deleteclientsubmitindicator" disabled="true">Delete</sj:a>

https://code.google.com/p/struts2-jquery/wiki/AnchorTag

score 0 · Answer 3 · answered Mar 28 '14 at 03:57

0

You could try checking the state of the button in the form submit event:

$('form').submit(function(e) {
    if ($('#deleteclientajaxformlink').prop('disabled')) {
        e.preventDefault();
    }
});

answered Mar 28 '14 at 03:57

Jason P

26,984
3
31
45

score 0 · Answer 4 · answered Jan 20 '17 at 03:12

0

I tried all above solutions, but they don't work. And here is my solution:

$('#deleteclientajaxformlink').addClass('ui-state-disabled');

answered Jan 20 '17 at 03:12

xdetector

31
4

While it's great that you've provided an alternate solution to the problem at hand, keep in mind that this question already had an accepted answer more than 2 years ago, so try to avoid reviving dead questions unless there is a notably better way of tackling the problem raised :) – Obsidian Age Jan 20 '17 at 03:26
But the accepted answer doesn't work, so I think my solution maybe useful for somebody else. – xdetector Jan 20 '17 at 06:32

Disabled button is clickable in ie 9

4 Answers4