Corsi on-line

Disabilitare il tasto submit con JavaScript

Immaginiamo di aver creato un bel form con tanto di controlli per la validazione realizzati in Ajax, in questo caso sarà indispensabile che il browser dell’utilizzatore del nostro modulo abbia il JavaScript abilitato; in questo breve articolo vedremo un sistema (estremamente semplice) per:

  1. rilevare l’attivazione o meno del supporto per JavaScript;
  2. richiedere al navigatore di abilitare il supporto mancante;
  3. bloccare il tasto submit del form fino a quando JavaScript non viene abilitato.

Per far questo sono sufficienti pochissime righe di codice, innanzitutto dovremo sistemare questo Alert in un punto ben visibile della pagina (possibilemente prima dell’inizio del form o subito prima del tasto submit):

<noscript>
<h1>Attenzione! Per poter proseguire devi abilitare JavaScript.</h1>
</noscript>

A questo punto il prossimo ed ultimo passaggio sarà quello relativo alla disabilitazione del tasto submit:

<script type="text/javascript">
document.write('<input type="submit" value="Procedi con l\'iscrizione" />');
</script>

Tutto fatto! Il tasto submit sarà visibile soltanto se JavaScript sarà abilitato.

Post correlati
I più letti del mese
Tematiche