Programmazione
3.666 visualizzazioni
Jquery: disablitare invio modulo incompleto
20/08/2012Se vogliamo disabilitare il tasto invio di un modulo finché l'utente non riempia un campo obbligatorio senza operare reload del modulo stesso, possiamo utilizzare la libreria Jquery.
Come sempre occorre prima di tutto caricare l'ultima versione di Jquery, (qui l'articolo), e poi al document ready utilizzare questa sintassi (nell'esempio il pulsante di invio ha come ID submit, il campo che, solo se riempito, attiva il tasto invio ha come ID username):
$('#submit').attr('disabled', 'disabled');
$('#username').keyup(function() {
$('#submit').attr('disabled', !$('#username').val());
});