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

Articolo stampato da http://disign.it/jquery-disablitare-invio-modulo-incompleto-433-2-1.html

© diSign.it

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

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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