Discussion :

[JibsouX]

Bonjour a vous !

Voilà mon problème est que j'ai un formulaire basique avec différents champs avec une value par défaut, je souhaite vérifier en js les champs ainsi : si un des champs est soit vide soit à la value de défaut add class sur le ou les labels concernés ainsi que return false (pour ne pas valider le formulaire)

hors cela ne fonctionne pas ou qu'a moitié, je m'explique : dès qu'il y en a un des champs qui est ok ça valide même si les autres ne sont pas good par contre il ajoute bien la Class sur le ou les labels qui ne valident pas les conditions.

voici mon code :

le formulaire :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<div id="center">
<div class="column one">
  <div class="inner-padding">
    <h3> Information professionnel. </h3>
    <div class="contact_form">
      <form name="formfiche" action="MON URL" method="post" onsubmit="return valider()">
        <fieldset>
          <div class="field">
            <label id="1" for="entreprise"> VOTRE ENTREPRISE <span class="red"> * </span> : </label>
            <input required="required" id="entreprise" class="nick" type="text" name="entreprise" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)" value="ENTRER VOTRE ENTREPRISE">
            <br />
          </div>
          <div class="field">
            <label id="2" for="adresse"> VOTRE ADRESSE <span class="red"> * </span> : </label>
            <input required="required" id="adresse" class="nick" type="text" name="adresse" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)" value="ENTRER VOTRE ADRESSE">
            <br />
          </div>
          <div class="field">
            <label id="3" for="telephone"> VOTRE TÉLÉPHONE <span class="red"> * </span> : </label>
            <input required="required" id="telephone" class="nick" type="text" name="telephone" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)" value="ENTRER VOTRE TÉLÉPHONE">
            <br />
          </div>
          <div class="field">
            <label id="4" for="e-mail"> VOTRE E-MAIL <span class="red"> * </span> : </label>
            <input required="required" id="e-mail" class="nick" type="email" name="email" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)" value="ENTRER VOTRE E-MAIL">
            <br />
          </div>
          <div class="field">
            <label id="5" for="site"> VOTRE SITE INTERNET <span class="red"> * </span> : </label>
            <input type="text" id="site" name="site" class="nick" onfocus="ClearPlaceHolder (this)" onblur="SetPlaceHolder (this)" value="ENTRER VOTRE SITE">
            <br />
          </div>
          <input type="hidden" name="urlficheproduit" value="<?php echo $_POST["urlficheproduit"];?>">
          <input type="hidden" name="antibot" value="">
          <input type = "submit" value = "Accéder à la fiche technique">
        </fieldset>
      </form>
    </div>
  </div>
</div>

le javascript que je place en dessous du formulaire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function valider(){
var error = false;
if((document.formfiche.entreprise.value === "") || (document.formfiche.entreprise.value === "ENTRER VOTRE ENTREPRISE")){
var element = document.getElementById("1");
element.classList.add("red");
error = true;
}
if((document.formfiche.adresse.value === "") || (document.formfiche.adresse.value === "ENTRER VOTRE ADRESSE")){
{
var element = document.getElementById("2");
element.classList.add("red");
error = true;
}
if((document.formfiche.telephone.value === "") || (document.formfiche.telephone.value === "ENTRER VOTRE TÉLÉPHONE")){
{
var element = document.getElementById("3");
element.classList.add("red");
error = true;
}
if((document.formfiche.email.value === "") || (document.formfiche.email.value === "ENTRER VOTRE E-MAIL")){
{
var element = document.getElementById("4");
element.classList.add("red");
error = true;
}
if((document.formfiche.site.value === "") || (document.formfiche.site.value === "ENTRER VOTRE SITE")){
{
var element = document.getElementById("5");
element.classList.add("red");
error = true;
}
if (error === true)
return false;
else
return true;
}}}}}

Merci d'avance Cordialement !

[JibsouX]

Résolu !

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script>
    function valider() {
        var error = false;
 
        if ((document.formfiche.entreprise.value === "") || (document.formfiche.entreprise.value == "ENTRER VOTRE ENTREPRISE")) {
            var element = document.getElementById("1");
            element.classList.add("red");
            error = true;
        }
 
        if ((document.formfiche.adresse.value === "") || (document.formfiche.adresse.value == "ENTRER VOTRE ADRESSE")) {
            var element_1 = document.getElementById("2");
            element_1.classList.add("red");
            error = true;
        }
 
        if ((document.formfiche.telephone.value === "") || (document.formfiche.telephone.value == "ENTRER VOTRE TÉLÉPHONE")) {
            var element_2 = document.getElementById("3");
            element_2.classList.add("red");
            error = true;
        }
 
        if ((document.formfiche.email.value === "") || (document.formfiche.email.value == "ENTRER VOTRE E-MAIL")) {
            var element_3 = document.getElementById("4");
            element_3.classList.add("red");
            error = true;
        }
 
        if ((document.formfiche.site.value === "") || (document.formfiche.site.value == "ENTRER VOTRE SITE")) {
            var element_4 = document.getElementById("5");
            element_4.classList.add("red");
            error = true;
        }
 
        if (error === true) {
            return false;
        } else {
            return true;
        }
    }
</script>

[SpaceFrog]

http://www.developpez.net/forums/d55...on-formulaire/