Mini problème à l'envoi du formulaire

[Phyliono]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Tous les navigateurs
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.universiteuniverselle.com

Description du problème

Bonjour,

J'ai ajouté un script à mon formulaire de sorte à ce que si les champs ne sont pas tous remplis, le formulaire ne s'envoie pas et une pop-up s'affiche. Sauf que ça mène sur une autre page avec ce message (voir capture d'écran) et je voudrais que ça reste sur la page du formulaire, sans modifier les champs déjà remplis.

Code:

Code:

<script type="text/javascript">
function envoiMessage(form)
{if(form.info.value==' ')
{
alert('Vous devez indiquer une information');
return false;
}
else if(form.screen.value==' ')
{
alert('Vous devez indiquer une capture d'écran');
return false;
}
else if(form.lot.value==' ')
{
alert('Vous devez choisir un lot');
return false;
}
else
{
var txt_message = "Information : " + form.info.value + '\n' + "Captures d'écran : " + form.screen.value + '\n' + "Lot : " + form.lot.value + " " + '\n';

  form.message.value = txt_message;
  form.subject.value = "Demander un test" ;
return true;
}
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="return envoiMessage(this)">
<input type="hidden" name="mode" value="reply" /><!--    Un nouveau topic sera créé    -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!--    Value 0: Sujet Normal (1 = post-it / 2 = annonce)    -->
<input type="hidden" name="message" value="" /> <!--    Contiendra le texte du message    -->
<input type="hidden" name="subject" value="" />
<input type="hidden" name="t" value="1993" />
<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Langues de Vipère</h2>
</th>
</tr>
<tr>
  <td height="6">
  </td>
</tr>
<tr>
<td class="row1"><br /><div align="center">
<label for="info"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Votre information :</strong> <font color="red">*</font></span></label><br />
<textarea name="info" id="info" class="formulaire" style="height:30px; resize:none;"></textarea><br /><br />
 
<label for="screen"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Vos captures d'écran :</strong> <font color="red">*</font></span></label><br />
<textarea name="screen" id="screen" class="formulaire" style="height:30px; resize:none;"></textarea><br /><br />
 
<label for="lot"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Votre lot :</strong> <font color="red">*</font></span></label><br />
<select name="lot" id="lot" class="formulaire" style="height:25px;width:195px;margin-right:5px;">
<option value=" "></option>
<option value="5 :mr:">5 médailles</option>
<option value="30 :e:">30 étoiles</option>
</select><br />
<br />
</div>
</td></tr></table>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:6px;">
<tr class="modactions">
<td align="center" nowrap="nowrap" class="modgen modadmin">
<input name="post" type="submit" value=" " class="formulaire bouton_envoyer" />
</td>
</tr>
</table>
</form>

Merci d'avance.

[Invité]

Bonjour,

Je vois 3 petits problèmes dans le javascript :
- form.info.value == ' ' → on regarde si la valeur de ce genre est égale à un espace, alors que non, on veut plutôt vérifier qu'elle est égale à du vide, donc ''
- form.screen.value == ' ' → même chose
- alert('Vous devez indiquer une capture d'écran'); → le caractère ' n'est pas échappé : du coup, la chaîne d'alerte devient la chaîne Vous devez indiquer une capture d, et la suite plante, puisqu'il y a du texte qui ne correspond à rien en javascript. Du coup, soit on échappe le caractère en mettant 'Vous devez indiquer une capture d\'écran', soit on met des guillemets à la place "Vous devez indiquer une capture d'écran"

Voilà une proposition de correction :

Code:

<script type="text/javascript">
  function envoiMessage(form){
      if(form.info.value==''){
         alert('Vous devez indiquer une information');
         return false;
      }
      else if(form.screen.value==''){
         alert("Vous devez indiquer une capture d'écran");
         return false;
      }
      else if(form.lot.value==' '){
         alert('Vous devez choisir un lot');
         return false;
      }
      else {
         var txt_message = "Information : " + form.info.value + '\n' + "Captures d'écran : " + form.screen.value + '\n' + "Lot : " + form.lot.value + " " + '\n';
   
         form.message.value = txt_message;
         form.subject.value = "Demander un test" ;
         return true;
      }
  }
</script>

J'espère que ça fonctionnera mieux !

[Phyliono]

Merci beaucoup, c'est parfait.