Rendere abilitato un modulo dopo che è stato disabilitato, utilizzando jQuery
-
05-07-2019 - |
Domanda
Attualmente ho il mio codice impostato per disabilitare il pulsante di invio quando il campo viene inviato. C'è un modo per farlo riabilitare il pulsante di invio in seguito?
La prima metà del mio codice.
$("#segment").submit(function () {
$(':submit').attr('disabled', 'disbled');
La seconda metà del mio codice.
if (data == 'success') {
$("#segment").slideUp(function () {
$("#segment").after('<div class="approvedMessage">YES</div>');
setTimeout(function () {
$("#segment").slideDown();
$('.approvedMessage').fadeOut();
},
2000);
});
}
Considerando che dopo 2 secondi scorre di nuovo verso il basso, voglio anche che riattivi il modulo nella seconda metà del codice, proprio prima che scorra verso il basso per mostrare di nuovo il modulo.
Il modulo viene inviato indipendentemente dal fatto che i dati siano falsi o veri, ecc. Fa uno slideUp, voglio solo che il pulsante di invio si riattivi nuovamente prima che il testo del messaggio scorra verso il basso per mostrare il modulo di nuovo.
Soluzione
Rimuovi semplicemente l'attributo:
$(":submit").removeAttr("disabled");
Nel tuo caso:
if (data == 'success') {
$("#segment").slideUp(function () {
$("#segment").after('<div class="approvedMessage">YES</div>');
setTimeout(function () {
$(":submit").removeAttr("disabled");
$("#segment").slideDown();
$('.approvedMessage').fadeOut();
},
2000);
});
}
Altri suggerimenti
$ (': submit'). attr ('disabled', false);
?