jQuery disable continue button before filling all the fields

Question

I want to disable the image button inside the anchor tag using jQuery. my requirement is, the button should be disabled before filling the all form fields.

<form name="signupFrm" id="signupFrm">
 <input type="text" />
 <a href ="javascript:void(0)" class="btnspc1 continueBtn submit"> <img src="images/continue-button.png" alt="jio money"/></a>
</form>

I tried in the following way, but no luck

$form = $('#signupFrm'); // cache
$form.find('a.submit img').prop('disabled', true); // disable submit btn

you can't disable a image... you need to check it in the click handler... but if you want to give a disabled look and feel use a class — Arun P Johny, Jun 17 '15 at 05:10
take a look at this http://stackoverflow.com/questions/2211652/how-is-the-correct-way-to-disable-an-input-type-image-using-jquery — Manashvi Birla, Jun 17 '15 at 05:12

Drakes · Accepted Answer · 2015-06-17T05:29:49.433

3

To give the button a disabled look, you can use this CSS:

.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

and then apply the style to you button like so:

$('a.submit img').addClass("disabled");

and remove this like so:

$('a.submit img').removeClass("disabled");

Demo: JSBin

edited Jun 17 '15 at 05:29

answered Jun 17 '15 at 05:26

Drakes

23,254
3
51
94

I added a demo just now where you can type and see it disable or enable as you type – Drakes Jun 17 '15 at 05:30

score 1 · Answer 2 · edited May 23 '17 at 12:22

1

there is no direct disabled option for an img, you should program with 2 images, 1 with bit greyed color another with bright color and you should program the click event to return false and preventDefault() like that

Duplicate: Gray out image with CSS?

Duplicate: How can I disable the color of an image using css?

Duplicate: How do you make an anchor link non-clickable or disabled?

edited May 23 '17 at 12:22

Community

1
1

answered Jun 17 '15 at 05:13

Dickens A S

3,824
2
22
45

jQuery disable continue button before filling all the fields

2 Answers2