Bloccare l'invio automatico dei moduli HTML all pressione del tasto invio
Se si preme il tasto invio in un modulo HTML il modulo viene automaticamente inviato.
In realtà questo non accade sempre ma solamente quando nel modulo è presente 1 solo campo INPUT.
Nei moduli con più campi l'invio non è automatico ma è necessario inserire anche un pulsante di invio <INPUT TYPE="SUBMIT" ... > oppure utilizzare dei codici Javascript per eseguire altre operazioni prima di inviare il modulo.
I moduli con 1 solo campo sono spesso utilizzati per effettuare delle ricerche semplici in una pagina o database o file, ... e spesso si ha la necessità di controllare i dati inseriti prima che il modulo venga inviato. Ad es. si può controllare che vengano inseriti almeno 3 caratteri oppure evitare che nel modulo siano presenti caratteri che non vogliamo
Con un piccolo trucchetto è possibile disabilitare l'invio automatico dei moduli con 1 solo campo.
E' sufficiente inserire un ulteriore campo INPUT e nasconderlo con l'applicazione di un piccolo stile.
Ad esempio:
<INPUT TYPE="TEXT" NAME="NIENTE" SIZE="2" STYLE="visibility:hidden">
Così facendo viene inserito un secondo campo che però non viene visualizzato nel browser ma l'invio automatico premento il tasto invio non è attivo