Vous avez cod\u00e9 un formulaire, avec une belle fonction javascript de validation, mais voil\u00e0, lorsque l’utilisateur appuie sur la touche entr\u00e9e, le formulaire est \u00ab\u00a0submit\u00a0\u00bb sans d\u00e9clencher la fonction de validation.<\/p>\n
Apr\u00e8s avoir lu tout StackOverflow, vous avez essay\u00e9 des tas d’astuces avec Javascript, Jquery, PreventDefault etc mais rien ne marche correctement ? Oubliez tout \u00e7a, on va faire plus simple<\/p>\n
Premi\u00e8re \u00e9tape : comprendre pourquoi Entr\u00e9e envoie le formulaire<\/strong><\/p>\n Lorsqu’un formulaire ne contient qu’un seul champ texte<\/strong>, l’appui sur la touche Entr\u00e9e ENVOIE le formulaire. C’est le comportement normal et attendu. Seconde \u00e9tape : la solution simple<\/strong><\/p>\n 1) ajoutez dans votre formulaire un champ texte VIDE avec un nom inutilis\u00e9, une valeur vide<\/p>\n 2) cachez ce champ avec une simple r\u00e8gle CSS<\/p>\n <\/p>\n Et voil\u00e0 ! La touche entr\u00e9e reste active sur les boutons submit, vos fonctions de validations sont conserv\u00e9es, et \u00e7a n’a pas co\u00fbt\u00e9 une ligne de JS.<\/p>\n <\/p>\n <\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Vous avez cod\u00e9 un formulaire, avec une belle fonction javascript de validation, mais voil\u00e0, lorsque l’utilisateur appuie sur la touche entr\u00e9e, le formulaire est \u00ab\u00a0submit\u00a0\u00bb sans d\u00e9clencher la fonction de validation. Apr\u00e8s avoir lu tout StackOverflow, vous avez essay\u00e9 des…<\/span><\/p>\n
\nD\u00e9sactiver la touche entr\u00e9e par de vilains javascripts est tout \u00e0 fait contraire \u00e0 l’esprit\u00a0des formulaires.<\/p>\n\u00a0<input type=\"text\" name=\"fauxinput\" class=\"fauxinput\" value=\"\"><\/pre>\n
.fauxinput {\r\n display:none !important;\r\n}<\/pre>\n