Erreur dans un formulaire de candidature

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Erreur dans un formulaire de candidature

Message par rs_popeye Ven 1 Nov 2013 - 8:44

Bonjour la communauté,

Nous avons un formulaire de candidature qui fonctionne correctement, mais nous avons souhaiter le modifier un peu en y apportant d'autres champs. Depuis le formulaire ne fonctionne plus et nous n'arrivons pas à voir pourquoi.
Voici le formulaire original :
Spoiler:

Et voici celui que nous avons modifié :
Spoiler:

Nous avons ajouter les champs supplémentaire suivant :
Spoiler:

Voici les problèmes rencontrés :
- un message d'erreur nous indique qu'il faut un titre de sujet après avoir valider le formulaire
- les nouveaux champs obligatoire ne fonctionne pas correctement (possibilité de valider sans avoir le message qui nous indique qu'il manque des champs obligatoire

Si une âme charitable pouvez y jeter un coup d’œil Smile 

Cordialement.
Val.


Dernière édition par rs_popeye le Sam 2 Nov 2013 - 8:54, édité 1 fois
rs_popeye

rs_popeye
****

Masculin
Messages : 252
Inscrit(e) le : 05/06/2011

http://royal-satanik.forumgratuit.org/
rs_popeye a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Erreur dans un formulaire de candidature

Message par Scoubifitz Sam 2 Nov 2013 - 1:25

Bonsoir,

Allez , je tente :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
  width:1700px;
  background:url(http://i44.servimg.com/u/f44/16/54/93/75/i_back11.jpg) fixed;
}
fieldset {
  border:8px ridge #537BA8;
  -moz-border-radius:40px 0;
  -webkit-border-radius:40px 0;
  border-radius:40px 0;
  font-family:Comic Sans MS;
  color:#239E1D;
}
legend {
  text-align:left;
  padding:0 15px;
  margin-left:40px;
  font-size:28px;
  color:steelblue;
  border:8px ridge #537BA8;
  -moz-border-radius:20px 0;
  -webkit-border-radius:20px 0;
  border-radius:20px 0;
  text-shadow:2px 2px blue;
}
.contour {
  width:900px;
  text-align:left;
  margin:auto;
  padding-left:150px;
  color: green;
  font-size:18px;
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var pseudo = form.pseudo.value;
var pseudo2 = form.pseudo2.value;
var date = form.date.value;
var localisation = form.localisation.value;
var genre = "";
if(form.f[0].checked === true)
genre = "Romustrike";
else if(form.f[1].checked === true)
genre = "Aliance of Valiant Arms";
else if(form.f[2].checked === true)
genre = "PlanetSide2";
var forum = "";
if(form.forum[0].checked === true)
forum = "Oui";
else if(form.forum[1].checked === true)
forum = "Non";
var regle = "";
if(form.reglement[0].checked === true)
regle = "Oui";
else if(form.reglement[1].checked === true)
regle = "Non";
var micro = "";
if(form.micro[0].checked === true)
micro = "Oui";
else if(form.micro[1].checked === true)
micro = "Non";
var mumble = "";
if(form.mumble[0].checked === true)
mumble = "Oui";
else if(form.mumble[1].checked === true)
mumble = "Non";
var telecharger = "";
if(form.telecharger[0].checked === true)
telecharger = "Oui";
else if(form.telecharger[1].checked === true)
telecharger = "Non";

/* Refuser l'envoi si un des champs suivants est vide */
if( pseudo === "" || date === ""  || localisation === "")
{
document.getElementById("errormsg").innerHTML = "Merci de remplir les champs marqués d'un *";
return false;
}
else
{
/* Créer un message à partir des informations fournies */
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : [co"+"lor=steelblue]" + pseudo + '[/color]'
+ "\nPseudo dans le jeu : [co"+"lor=steelblue]" + (pseudo2 ? pseudo2:pseudo) + '[/color]'
+ "\nDate de naissance : [co"+"lor=steelblue]" + date + '[/color]'
+ "\nJe suis de : [co"+"lor=steelblue]" + localisation + '[/color]'
+ "\n\nJe postule pour : [co"+"lor=steelblue]" + genre + '[/color]'
+ "\nMon ancienneté sur ce FPS : [co"+"lor=steelblue]" + form.anciennete.value + '[/color]'
+ "\nAncien pseudo : [co"+"lor=steelblue]" + form.ancien.value + '[/color]'
+ "\nMes anciennes teams sur ce fps : [co"+"lor=steelblue]" + form.team.value + '[/color]'
+ "\n\nMon expérience sur les FPS en ligne : [co"+"lor=steelblue]" + form.experience.value + '[/color]'
+ "\nMes autres FPS en ligne : [co"+"lor=steelblue]" + form.fps.value + '[/color]'
+ "\nJ'ai choisi les Royal Satanik pour : [co"+"lor=steelblue]" + form.choix.value + '[/color]'
+ "\nLes valeurs que je peux aporter au team : [co"+"lor=steelblue]" + form.valeurs.value + '[/color]'
+ "\nInformations complémentaires : [co"+"lor=steelblue]" + form.divers.value + '[/color]'
+ "\n\nJ'accepte le règlement du team : [co"+"lor=steelblue]" + regle + '[/color]'
+ "\n\nJe participerai à la vie du forum : [co"+"lor=steelblue]" + forum + '[/color]'
+ "\n\nJe possède un casque & un micro : [co"+"lor=steelblue]" + micro + '[/color]'
+ "\n\nJ'ai Mumble d'installer sur mon pc : [co"+"lor=steelblue]" + mumble + '[/color]'
+ "\n\nJe peux installer Mumble sur mon pc : [co"+"lor=steelblue]" + telecharger + '[/color]'
+ "\nMa fréquence de jeu : [co"+"lor=steelblue]" + form.frequence.value + '[/color]';


/* Insère le texte construit dans le champ caché "message" du formulaire */
form.message.value = txt_message;

/* Créer un titre de sujet dynamiquement (Candidature  + pseudo) */
form.subject.value = "Candidature de " + pseudo;
return true;
}
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />

<img src="http://i17.servimg.com/u/f17/16/54/93/75/final810.jpg" />
<span style="font-family:Comic Sans MS; fcolor:#239E1D;">
<h1><center>Veuillez remplir les champs du formulaire <br />de candidature suivant :</center></h1><br /><br />
</span>

<fieldset> 
<legend>Identité</legend>
<br />
<label for="pseudo">Pseudo<font color="red">*</font> :</label><br />
<input type="text" name="pseudo" id="pseudo" style="width:100%" required="required" />
<br /><br />

<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input type="text" name="pseudo2" id="pseudo2" style="width:100%" placeholder="Si différent de celui du forum" />
<br /><br />

<label for="date">Date de naissance<font color="red">*</font> :</label><br />
<input type="text" name="date" id="date" style="width:100%" required="required" />
<br /><br />

<label for="localisation">Localisation<font color="red">*</font> :</label><br />
<input type="text" name="localisation" id="localisation" style="width:100%" placeholder="Indique ton département" required="required" />
<br /><br />
</fieldset> 
<br />

<fieldset>
<legend>Jeux FPS</legend>
<br />
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="f" value="3" checked="checked">Romustrike<br />
<input type="radio" name="f" value="47">Aliance of Valiant Arms<br />
<input type="radio" name="f" value="63">PlanetSide2<br /><br /><br />

<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="ancien">As-tu changé de pseudos sur ce fps ?(si oui, lesquel) ?</label><br />
<textarea name="ancien" id="ancien" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
</fieldset><br />

<fieldset> 
<legend>Team</legend>
<br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ?</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />

<label>Participeras-tu à la vie du forum ? <font color="red">*</font></label><br />
<input type="radio" name="forum" value="o" checked="checked">Oui<br />
<input type="radio" name="forum" value="n">Non
<br /><br />

<label>Je m'engage à respecter les règles du team <font color="red">*</font></label>
<a href="http://testforumrs.forumactif.org/h4-charte"> (charte visible ici)</a><br />
<input type="radio" name="reglement" value="o">Oui<br />
<input type="radio" name="reglement" value="n" checked="checked">Non
<br /><br />

<label>Possèdes-tu un casque et micro ? <font color="red">*</font></label><br />
<input type="radio" name="micro" value="o">Oui<br />
<input type="radio" name="micro" value="n" checked="checked">Non
<br /><br />

<label>As-tu Mumble (serveur de communication du clan) d'installé sur ton pc ? <font color="red">*</font></label><br />
<input type="radio" name="mumble" value="o">Oui<br />
<input type="radio" name="mumble" value="n" checked="checked">Non
<br /><br />

<label>Si non, pourrais-tu le télécharger si tu es accepté dans le clan ? <font color="red">*</font></label><br />
<input type="radio" name="telecharger" value="o">Oui<br />
<input type="radio" name="telecharger" value="n" checked="checked">Non
<br /><br />

<label for="frequence">Quelle est ta fréquence de jeu ?</label><br />
<textarea name="frequence" id="frequence" rows="3" style="width:100%"> </textarea>
<br /><br />
</fieldset><br />

<fieldset>
<legend>Info</legend>
<br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
</fieldset><br />

<fieldset>
<legend>Validation</legend>
<span style="color:red;" id="errormsg"> </span><br />
<center><input type="submit" name="post" style=" font-size:20px; font-weight:bold; color:red;" value="Valider ma fiche de présentation" /></center>
<br />
</fieldset>
</form>
</body>
</html>
Si la case "pseudo différend" reste vide , le pseudo du forum sera à la place ...

Hi 
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Erreur dans un formulaire de candidature

Message par rs_popeye Sam 2 Nov 2013 - 8:54

Bonjour Scoubifitz,

Merci à toi, ton code est fonctionnel mais j'y ai apporter quelques modifications (en suivant ce que tu avais fait).
Je le joint ci-dessous si ça peut aider la communauté :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
  width:1700px;
  background:url(http://i44.servimg.com/u/f44/16/54/93/75/i_back11.jpg) fixed;
}
fieldset {
  border:8px ridge #537BA8;
  -moz-border-radius:40px 0;
  -webkit-border-radius:40px 0;
  border-radius:40px 0;
  font-family:Comic Sans MS;
  color:#239E1D;
}
legend {
  text-align:left;
  padding:0 15px;
  margin-left:40px;
  font-size:28px;
  color:steelblue;
  border:8px ridge #537BA8;
  -moz-border-radius:20px 0;
  -webkit-border-radius:20px 0;
  border-radius:20px 0;
  text-shadow:2px 2px blue;
}
.contour {
  width:900px;
  text-align:left;
  margin:auto;
  padding-left:150px;
  color: green;
  font-size:18px;
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var pseudo = form.pseudo.value;
var pseudo2 = form.pseudo2.value;
var date = form.date.value;
var localisation = form.localisation.value;
var genre = "";
if(form.f[0].checked === true)
genre = "Romustrike";
else if(form.f[1].checked === true)
genre = "Aliance of Valiant Arms";
else if(form.f[2].checked === true)
genre = "PlanetSide2";
var forum = "";
if(form.forum[0].checked === true)
forum = "Oui";
else if(form.forum[1].checked === true)
forum = "Non";
var regle = "";
if(form.reglement[0].checked === true)
regle = "Oui";
else if(form.reglement[1].checked === true)
regle = "Non";
var micro = "";
if(form.micro[0].checked === true)
micro = "Oui";
else if(form.micro[1].checked === true)
micro = "Non";
var mumble = "";
if(form.mumble[0].checked === true)
mumble = "Oui";
else if(form.mumble[1].checked === true)
mumble = "Non";
var telecharger = "";
if(form.telecharger[0].checked === true)
telecharger = "Oui";
else if(form.telecharger[1].checked === true)
telecharger = "Non";
{
/* Créer un message à partir des informations fournies */
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : [co"+"lor=steelblue]" + pseudo + '[/color]'
+ "\nPseudo dans le jeu : [co"+"lor=steelblue]" + (pseudo2 ? pseudo2:pseudo) + '[/color]'
+ "\nDate de naissance : [co"+"lor=steelblue]" + date + '[/color]'
+ "\nJe suis de : [co"+"lor=steelblue]" + localisation + '[/color]'
+ "\n\nJe postule pour : [co"+"lor=steelblue]" + genre + '[/color]'
+ "\nMon ancienneté sur ce FPS : [co"+"lor=steelblue]" + form.anciennete.value + '[/color]'
+ "\nAncien pseudo : [co"+"lor=steelblue]" + form.ancien.value + '[/color]'
+ "\nMes anciennes teams sur ce fps : [co"+"lor=steelblue]" + form.team.value + '[/color]'
+ "\n\nMon expérience sur les FPS en ligne : [co"+"lor=steelblue]" + form.experience.value + '[/color]'
+ "\nMes autres FPS en ligne : [co"+"lor=steelblue]" + form.fps.value + '[/color]'
+ "\nJ'ai choisi les Royal Satanik pour : [co"+"lor=steelblue]" + form.choix.value + '[/color]'
+ "\nLes valeurs que je peux aporter au team : [co"+"lor=steelblue]" + form.valeurs.value + '[/color]'
+ "\nInformations complémentaires : [co"+"lor=steelblue]" + form.divers.value + '[/color]'
+ "\nJ'accepte le règlement du team : [co"+"lor=steelblue]" + regle + '[/color]'
+ "\n\Je participerai à la vie du forum : [co"+"lor=steelblue]" + forum + '[/color]'
+ "\nJe possède un casque & un micro : [co"+"lor=steelblue]" + micro + '[/color]'
+ "\nJ'ai Mumble d'installer sur mon pc : [co"+"lor=steelblue]" + mumble + '[/color]'
+ "\nJe peux installer Mumble sur mon pc : [co"+"lor=steelblue]" + telecharger + '[/color]'
+ "\nMa fréquence de jeu : [co"+"lor=steelblue]" + form.frequence.value + '[/color]';


/* Insère le texte construit dans le champ caché "message" du formulaire */
form.message.value = txt_message;

/* Créer un titre de sujet dynamiquement (Candidature  + pseudo) */
form.subject.value = "Candidature de " + pseudo;
return true;
}
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />

<img src="http://i17.servimg.com/u/f17/16/54/93/75/final810.jpg" />
<span style="font-family:Comic Sans MS; fcolor:#239E1D;">
<h1><center>Veuillez remplir les champs du formulaire <br />de candidature suivant :</center></h1><br /><br />
</span>

<fieldset> 
<legend>Identité</legend>
<br />
<label for="pseudo">Pseudo :</label><br />
<input type="text" name="pseudo" id="pseudo" style="width:100%" required="required" />
<br /><br />

<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input type="text" name="pseudo2" id="pseudo2" style="width:100%" placeholder="Si différent de celui du forum" />
<br /><br />

<label for="date">Date de naissance :</label><br />
<input type="text" name="date" id="date" style="width:100%" required="required" />
<br /><br />

<label for="localisation">Localisation :</label><br />
<input type="text" name="localisation" id="localisation" style="width:100%" placeholder="Indique ton département" required="required" />
<br /><br />
</fieldset> 
<br />

<fieldset>
<legend>Jeux FPS</legend>
<br />
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="f" value="3" required="required">Romustrike<br />
<input type="radio" name="f" value="47" required="required">Aliance of Valiant Arms<br />
<input type="radio" name="f" value="63" required="required">PlanetSide2<br /><br /><br />

<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="ancien">As-tu changé de pseudos sur ce fps ?(si oui, lesquel) ?</label><br />
<textarea name="ancien" id="ancien" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
</fieldset><br />

<fieldset> 
<legend>Team</legend>
<br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ?</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />

<label>Participeras-tu à la vie du forum ? </font></label><br />
<input type="radio" name="forum" value="o"required="required">Oui<br />
<input type="radio" name="forum" value="n"required="required">Non
<br /><br />

<label>Je m'engage à respecter les règles du team</font></label>
<a href="http://testforumrs.forumactif.org/h4-charte"> (charte visible ici)</a><br />
<input type="radio" name="reglement" value="o" required="required">Oui<br />
<input type="radio" name="reglement" value="n" required="required">Non
<br /><br />

<label>Possèdes-tu un casque et micro ?></label><br />
<input type="radio" name="micro" value="o" required="required">Oui<br />
<input type="radio" name="micro" value="n" required="required">Non
<br /><br />

<label>As-tu Mumble (serveur de communication du clan) d'installé sur ton pc ?</label><br />
<input type="radio" name="mumble" value="o" required="required">Oui<br />
<input type="radio" name="mumble" value="n" required="required">Non
<br /><br />

<label>Si non, pourrais-tu le télécharger si tu es accepté dans le clan ?</label><br />
<input type="radio" name="telecharger" value="o" required="required">Oui<br />
<input type="radio" name="telecharger" value="n" required="required">Non
<br /><br />

<label for="frequence">Quelle est ta fréquence de jeu ?</label><br />
<textarea name="frequence" id="frequence" rows="3" style="width:100%"> </textarea>
<br /><br />
</fieldset><br />

<fieldset>
<legend>Info</legend>
<br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
</fieldset><br />

<fieldset>
<legend>Validation</legend>
<span style="color:red;" id="errormsg"> </span><br />
<center><input type="submit" name="post" style=" font-size:20px; font-weight:bold; color:red;" value="Envoyer ma candidature" /></center>
<br />
</fieldset>
</form>
</body>
</html>
rs_popeye

rs_popeye
****

Masculin
Messages : 252
Inscrit(e) le : 05/06/2011

http://royal-satanik.forumgratuit.org/
rs_popeye a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum