Validation de formulaire javascript

Bonjour a tous.

Voila, mon probleme est le suivant,
je souhaiterais verifier les champs de mon formulaire en javascript.

Les champs doivent etre checker apres avoir clicker sur le boutton "submit".

Donc mes fonctions s'appliquent sur chaque au moment on l'ont valide le formulaire.

Mon probleme est que le formulaire est envoyé meme si des erreurs apparaissent dans certains champs.

mon formulaire ressemble a ceci:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<form action="?page=inscription" method="post" > <span id=error></span> <FIELDSET align="center" style="padding:10px;"> <LEGEND>Authentification</LEGEND> <label for="login">Login : </label> <input type="text" name="login" id="login" class="textinput"> <div id="loginbox"></div>   <input type="submit" name="infos" value="Envoyer" class="buttonSubmit" onclick="loginCheck()"> </form>

---

p.s: Je pense que cela viens de "type=submit" mais en mettant "type=button" forcément plus rien ne se passe meme si les conditions sont bien remplies

Je voulais donc savoir si quelqu'un aurai une idée pour corriger mon probleme, ou bien me proposer une autre solution plus simple a realiser.

Merci d'avance.

Bonjour,

Il faut que ta fonction loginCheck() renvoie true si ok ou false si pas ok.

A+

PS: j'éviterais le onchange sur le input, la validation se fera sur le submit

je vous donne ma fonction javascript

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function loginCheck(){ var login = document.getElementById('login').value;   if (login == "") { // si champ comment vide document.getElementById('login').focus(); // focus dans le champ document.getElementById('login').style.border = '1px solid #D41919'; document.getElementById('loginbox').innerHTML = '<img src="Fichiers/Images_admin/no.gif" alt="" \/>'; writediv('<div align="center" style="color:#cc0000 ; border: 1px solid red; background-color:#f2d6de; padding:2px;">Vous devez choisir un login</div>');   } }

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function loginCheck(){ var login = document.getElementById('login').value;   if (login == "") { // si champ comment vide document.getElementById('login').focus(); // focus dans le champ document.getElementById('login').style.border = '1px solid #D41919'; document.getElementById('loginbox').innerHTML = '<img src="Fichiers/Images_admin/no.gif" alt="" \/>'; writediv('<div align="center" style="color:#cc0000 ; border: 1px solid red; background-color:#f2d6de; padding:2px;">Vous devez choisir un login</div>'); return false;   } else{return true} }

---

et

Code:

---

<input type="submit" name="infos" value="Envoyer" class="buttonSubmit" onclick="return loginCheck()">

---

Merci beaucoup.