disign.it | Jquery: disablitare invio modulo incompleto | a digital sign for a best design!
A digital sign for a best design
Programmazione 2.875 visualizzazioni

Jquery: disablitare invio modulo incompleto

20/08/2012

Se 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());
    });

← PHP: ripulire stringa numerica Jquery: limitare input a tasti numerici →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.