Je souhaite désactiver ou masquer un bouton à l'aide de jquery après l'envoi du formulaire. J'ai essayé quelques solutions mais rien ne s'est passé .. J'ai inclus le fichier js dans ma page.
Voici mon code de bouton d'envoi:
$('input:submit').click( function() {
console.log("Form is submiting.....");
$('input:submit').attr("disabled", true);
});
Voici mon code jQuery. ....
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>';
5 Réponses :
Vous devez utiliser l'attribut type .
Fondamentalement, mis à part les sélecteurs de classe et d'identifiant, les sélecteurs CSS2 sont également pris en charge par jQuery .
/ p>
$('input[type=submit]').attr("disabled", true);
[att = val] Correspond lorsque la valeur d'attribut "att" de l'élément est exactement "val".
Référence: p >
Vous pouvez créer un événement de soumission de formulaire pour y parvenir,
$('form').on('submit', function(){
$("input[type='submit']").attr("disabled", true);
});
Et puis simplement définir un attribut désactivé pour l'entrée avec le type d'envoi.
Vous devez utiliser l'attribut type et définir l'attribut disabled sur "disabled"
$('input[type=submit').click(function(){
console.log("Form is submiting.....");
$('input:submit').attr("disabled", "disabled");
});
$('input[type=submit]').prop('disabled', true);
Essayez ce code jquery après avoir cliqué sur le bouton d'envoi, il sera désactivé.
$('input[type=submit').click(function(e){
e.preventDefault();
console.log("Form is submiting.....");
$('#shortlist').attr("disabled", "disabled");
});