Make a submit input un-clickable

Question

I have the following input:

<input type="submit" name="next" value="Next">

How would I make this item un-clickable via jQuery? (i.e., it may only be clicked after certain validation criteria are met) ?

Here is a follow-up to this question: Make a submit clickable after validations are met

Answer 1

2 Demos Demo 1 click here: or Demo 2 click here:

so all you will need is to check if the validation is done correctly of not.

i.e. if (notValid) chuck in the code below and that will disable the button. or better yet start with the disabled next button.

To enable you can set the property as false, I am sure you get a good idea, else provide more code; I am happy to help you further. B-)

Hope this helps!

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

OR

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