Corsi on-line

Disabilitare submit e link con jQuery

In alcuni casi potrebbe essere necessario disabilitare il submit presente all’interno di un form per l’interazione con gli utenti; tale operazione potrebbe risultare utile ad esempio nel caso in cui si voglia condizionare l’invio dei dati al verificarsi di un determinato evento, procedura gestibile tramite JavaScript o attraverso l’utilizzo di un linguaggio per lo sviluppo Server Side come per esempio PHP.

jQuery

Il framework Open Source jQuery permette di bloccare il submit tramite una semplice istruzione basata sulla proprietà disabled applicata all’elemento input e associata al parametro true come la seguente:

$('input[type="submit"]').attr("disabled", true);[/

Come anticipato, la disattivazione del submit potrebbe essere sottoposta ad una condizione, ad esempio la compilazione di un campo di testo o la selezione di una voce all’interno di un menù; in questo caso sarà possibile far ricorso al metodo <code>removeAttr()</code> che si occuperà di rendere inattiva la proprietà:

$('input[type="submit"]').removeAttr("disabled")

Un discorso simile è quello relativo alla prevenzione dei comportamenti di default da parte dei link, a questo proposito si analizzi il codice seguente:

$('a.no-link''.click(function(e){
e.preventDefault();
});

Un’impostazione come quella proposta potrebbe risultare ottimale nel caso in cui si desideri che un link non porti ad una determinata pagina, o ne determini un nuovo caricamento, preferendo piuttosto comportamenti alternativi quali il lancio di uno script. A impedire il verificarsi dell’evento predefinito collegato ad un link sarà l’apposito metodo preventDefault() che non richiede il passaggio di parametri.

Post correlati
I più letti del mese
Tematiche