Menu
Answer: Use the jQuery prop() method You can use the jQuery prop() method in combination with the :input selector to disable all <input> , <textarea> , <select> and <button> elements inside an HTML form dynamically using jQuery.
Answer: To disable all input elements within div use the following code: $('#message :input'). attr('disabled', true);
Disabling all form elements HTML form elements have an attribute called disabled that can be set using javascript. If you are setting it in HTML you can use disabled="disabled" but if you are using javascript you can simply set the property to true or false .
Until then password field needs to be in the disabled stage. Using JavaScript keyup function while entering a value on input field, we can enable another input tag. Similarly, submit button enable and disable are also achieved. Below code is an example script for enabling & disabling an input fields.
In older versions you could use attr. As of jQuery 1.6 you should use prop instead:
$("#target :input").prop("disabled", true);
To disable all form elements inside 'target'. See :input:
Matches all input, textarea, select and button elements.
If you only want the <input> elements:
$("#target input").prop("disabled", true);
Above example is technically incorrect. Per latest jQuery, use the prop() method should be used for things like disabled. See their API page.
To disable all form elements inside 'target', use the :input selector which matches all input, textarea, select and button elements.
$("#target :input").prop("disabled", true);
If you only want the elements, use this.
$("#target input").prop("disabled", true);
Also the more concise way is to use their selectors engine. So to disable all form elements in a div or form parent.
$myForm.find(':input:not(:disabled)').prop('disabled',true)
you can add
<fieldset class="fieldset">
and then you can call
$('.fieldset').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