Comment désactiver les zones de texte vides dans une page à l'aide de JQuery

Question

J'ai une page avec plusieurs panneaux. chaque panneau aura environ 5 zones de texte. Je dois désactiver toutes les zones de texte qui sont vides lorsque la page est chargée. Voulez-vous l'obtenir en utilisant JQuery. Quelqu'un peut-il m'aider à ce sujet?

Answer 1

Cela devrait le faire:

$(function(){ 
$('input[type="text"]').each(function(){ 
    if ($(this).val() === '') { 
    $(this).attr('disabled', 'disabled'); 
    } 
}); 
}); 

Si vous avez appliqué une classe à vos zones de texte, vous pouvez également faire:

$(function(){ 
$('.class_name').each(function(){ 
    if ($(this).val() === '') { 
    $(this).attr('disabled', 'disabled'); 
    } 
}); 
}); 

Answer 2

var empties = $('input:text').filter(function() { 
    return this.value == ''; // If the value of the input is empty, 
});       // add it to the collection 

empties.attr('disabled','disabled'); // Then disable the collection of empties