How to disable a submit button in jQuery?

Question

I want to disable or hide a button using jquery after the form has been submitted. I have tried some solutions but nothing happened.. I have included js file in my page.

Here is my submit button code:

 echo '<td>
           <a href="shortlist.php?vid='.$row["v_id"].'&uid='.$row["userid"].'"">
               <input type="submit" value="short list" id="shortlist" name="shortlist">
           </a>
       </td>';

Here is my jQuery code.....

$('input:submit').click( function() {
    console.log("Form is submiting.....");
    $('input:submit').attr("disabled", true);
});

Pupil · Accepted Answer · 2019-05-03 12:12:09Z

3

You should use type attribute.

Basically apart from class and id selectors, CSS2 selectors are also supported by jQuery.

$('input[type=submit]').attr("disabled", true);

[att=val] Match when the element's "att" attribute value is exactly "val".

Reference:

edited May 3, 2019 at 12:12

answered May 3, 2019 at 12:05

Pupil

24k6 gold badges49 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Will Jones · Accepted Answer · 2019-05-03 12:06:38Z

2

You should use the type attribute and need to set the disabled attribute to 'disabled'

$('input[type=submit').click(function(){
    console.log("Form is submiting.....");
    $('input:submit').attr("disabled", "disabled");
});

answered May 3, 2019 at 12:06

Will Jones

2,2011 gold badge15 silver badges26 bronze badges

Comments

Rahul · Accepted Answer · 2019-05-03 12:07:26Z

2

You can create form submit event to achieve that,

$('form').on('submit', function(){
    $("input[type='submit']").attr("disabled", true);
});

And then just set disabled attribute for input with submit type.

edited May 3, 2019 at 12:07

answered May 3, 2019 at 12:05

Rahul

18.6k7 gold badges43 silver badges64 bronze badges

Comments

Ahmed Malik · Accepted Answer · 2019-05-03 12:09:18Z

2

$('input[type=submit]').prop('disabled', true);

answered May 3, 2019 at 12:09

Ahmed Malik

17910 bronze badges

Comments

Vikal Singh · Accepted Answer · 2019-05-03 12:20:07Z

0

Try this jquery code after click submit button, it will disable.

$('input[type=submit').click(function(e){
            e.preventDefault();
            console.log("Form is submiting.....");
            $('#shortlist').attr("disabled", "disabled");
        });

answered May 3, 2019 at 12:20

Vikal Singh

841 gold badge2 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to disable a submit button in jQuery?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related