Discussion :

[vivi94110]

Bonjour,

j'ai créer un formulaire avec certains champs obligatoires, ceux ci sont vérifiés via le script suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function sen_commande() {
	var form = document.registerform;	
	if(form.nationality.value=="") {
		alert("Mandatory fields, please fill it in.");
		form.nationality.focus();
		return false;
	}	
else {
	form.submit();	
	}		
}

Mais depuis quelque jours je reçois des retours avec les champs remplis : Null et Indefined !!

J'ai du modifier ou enlever quelque chose sans faire exprès dans le code car je n'ai jamais eu de retour Null avant.

Merci de votre aide

[badaze]

Il faut le reste du code (le html de la form).

[vivi94110]

Bonjour Badaze,

voici le html :

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
 <form class="content-form" method="post" action="add.php" name="registerform" id="registerform" >
 
 <div class="col-md-12 mbot20 mleft15"><h4>Please fill out the form and submit your confirmation of attendance:</h4></div>
                <input type="hidden" name="sendit" id="sendit" value="1" /> <div class="col-md-12 mbot20 ">
               <div class="col-md-4" > <p><strong>Title*:</strong></p></div>
                  <div class="col-md-8" >
      <select name="nationality">
      <option>Mr</option>
      <option>Mrs</option>
      <option>Miss</option>
 
      </select></div></div>
 
 
  <div class="col-md-12 mbot20 ">
      <div class="legend">  (<span class="required">*</span>) Mandatory fields<br/>
      </div>
      <div class="center mbot20">
        <input type="submit" name="envoyer" id="button1" value="Submit" onClick="sen_commande()"/>
      </div>
 
 
        </div>
 
 
 
    </form>

J'ai ne pas mis tous les champs... Mais ca devrait suffire
merci d'avance

[badaze]

Tu peux faire comme tu as fait, mais le bouton ne doit pas être de type submit.

Sinon avec un bouton submit.

Le contrôle doit être fait sur l'événement onsubmit de la form et non pas sur un onclick d'un bouton submit.

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
<script>
// sen_commande a été modifiée aussi
function sen_commande() {
 var form = document.registerform; 
 if(form.nationality.value=="") {
  alert("Mandatory fields, please fill it in.");
  form.nationality.focus();
  return false;
 } 
 return true;
}
</script>
<form class="content-form" method="post" action="add.php" name="registerform" id="registerform" onsubmit="return sen_commande()"> <= modification ici. le return est obligatoire pour que ça fonctionne
 
 <div class="col-md-12 mbot20 mleft15"><h4>Please fill out the form and submit your confirmation of attendance:</h4></div>
                <input type="hidden" name="sendit" id="sendit" value="1" /> <div class="col-md-12 mbot20 ">
               <div class="col-md-4" > <p><strong>Title*:</strong></p></div>
                  <div class="col-md-8" >
      <select name="nationality">
   <option>  </option>
      <option>Mr</option>
      <option>Mrs</option>
      <option>Miss</option>
 
      </select></div></div>
 
 
  <div class="col-md-12 mbot20 ">
      <div class="legend">  (<span class="required">*</span>) Mandatory fields<br/>
      </div>
      <div class="center mbot20">
        <input type="submit" name="envoyer" id="button1" value="Submit"/> <= modification ici. on enlève l'événement onclick.
      </div>
 
 
        </div>
 </form>