Renvoi formulaire null et undefined alors que champ obligatoire

Version imprimable

Bonjour,

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

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 :)

24/02/2017, 22h39
badaze

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

Bonjour Badaze,

voici le html :

Code:

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

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:

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>