Discussion :

[Arakharam]

Bonjour

J'ai un formulaire, où j'ai un bouton qui appelle une fonction JS qui après certaines conditions vérifiées submit ce formulaire, sauf que les input de type text du formulaires ont l'attributs 'required'. Cet attribut se déclenche bien si j'utilise un input type='submit' mais si j'effectue le submit via une fonction JS les required ne se déclenchent pas et on peut valider le formulaire sans avoir respecté les required. Une idée pour les activer même si ils sont présents ?

[Christophe P.]

Bonjour,

dans la fonction vous pouvez tester si le champ est requis et agir en fonction de son contenu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (document.getElementById("monTexte").required && document.getElementById("monTexte").value != '') ...

[SylvainPV]

Pas besoin de faire ça manuellement Christophe, les API de validation de formulaire en HTML5 servent à ça. Il faut juste appeler checkValidity et vérifier que le retour est à "true".
Voilà un article en anglais sur la validation de formulaires en HTML5: http://www.html5rocks.com/en/tutoria...intvalidation/

[ABCIWEB]

...Cet attribut se déclenche bien si j'utilise un input type='submit' mais si j'effectue le submit via une fonction JS les required ne se déclenchent pas ..

Salut,

Rien ne t'empêche de faire les deux.

Si tu appelles ta fonction de contrôle juste avant la soumission du formulaire, je ne vois pas pourquoi ton bouton ne pourrait pas être de type submit, d'autant plus que c'est dans la logique du code.

Tu déclenches ta fonction onSubmit et si des données contrôlées sont invalides, tu retournes false et si besoin une info adéquate dans le html, et si tout est ok tu soumets le formulaire. Les méthodes event.preventDefault, et event.stopPropagation seront tes amies dans ce cas de figure souvent rencontré en javascript.