Menu
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
317
Try disabled="disabled" . This will disable textbox / textarea, so it won't be selected. Also, the value won't be submitted on form submission. In HTML5, only disabled attribute will also work.
Enable / Disable submit button 1.1 To disable a submit button, you just need to add a disabled attribute to the submit button. $("#btnSubmit"). attr("disabled", true); 1.2 To enable a disabled button, set the disabled attribute to false, or remove the disabled attribute.
The attribute that changes the name shown on the Submit Button is the Value attribute. You can change the text that appears on the Submit Button by setting the Value attribute to the desired name you want.
To disable a label, disable the form control it is associated with. That won't change the appearance of the label though, for that you have to change the CSS that applies to it. That is best done by adding (or removing) a class from the element (and having a pre-existing CSS ruleset that matches that class).
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);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
