HTML: Come bloccare l'invio di un form tramite il tasto Invio senza utilizzare JavaScript
Per bloccare l’invio di un form premendo il tasto Invio senza utilizzare JavaScript basta inserire un bottone d’invio disabilitato e nascosto come primo elemento del form.
Questo metodo funziona perché il bottone d’invio di default di un form è il primo bottone d’invio che si trova all’interno del form. Quando si preme il tasto Invio viene quindi simulato il clic sul primo bottone d’invio, ma, in questo caso, essendo disabilitato, non causa l’invio del form.
<form action="pagina.html" method="post"> <button type="submit" disabled style="display:none" aria-hidden="true"></button> <!-- Qui sotto andranno tutti i campi del form e il bottone d’invio --> </form>
Questo metodo funziona perché il bottone d’invio di default di un form è il primo bottone d’invio che si trova all’interno del form. Quando si preme il tasto Invio viene quindi simulato il clic sul primo bottone d’invio, ma, in questo caso, essendo disabilitato, non causa l’invio del form.
Guida scritta da Mattia il 28/01/2021.