Problème envoie formulaire

[gueshjose]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que le script est en place, ssoit aujourd'hui
Lien du forum : http://lalegiondesbrumes.forumactif.org

Description du problème

Bonjour,
alors, j'ai reprit un code d'un formulaire que j'ai prit je ne sais ou, et le code m'avais l'air de fonctionner. Alorss, j'ai commencé à modifier le code pour l'adapter à mon forum, et le formulaire s'affiche bien, mais au moment de l'envoyer, ça m’envoie à la création d'un nouveau sujet et j'ai beau chercher, je ne trouve pas ou est le problème, alors merci à vous de bien vouloirs me venir en aide !

ps: Voici le code du dit formulaire !

Code:

<style type="text/css">
    input{
    background-color:transparent;
    }
    form {
    background-image: url("http://i.cubeupload.com/uDqNfh.png")
    font-size: 12px;
    margin-left:auto;
    margin-right:auto;
    }
    fieldset{
    width: 500px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    border:1px dashed #bbb;
    }
    legend,p {
    font-family: LifeCraft;
  text-align:center;
    padding-left:20px;
    padding-right:20px;
    color: #ffffff;
    font-size: 30px;
    }
    .left td{
    text-align:right;
    width:200px;
    }
    .left td+td {text-align:left}
    </style>    <script type="text/javascript">
    function envoiMessage(form)
    {
    // Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
    if(form.nom.value == "" || form.age.value == "" || form.race.value == "" || form.classe.value == "" ||form.niveau.value == "" ||
    {
    document.getElementById("errormsg").innerHTML = "Vous devez remplir tous les champs !";
    return false;
    }
    else
    {
    // Créer un message à partir des informations fournies
    var nom = form.nom.value
    var age = form.age.value
    var race = form.race.value
    var classe = form.classe.value
    var niveau = form.niveau.value
   
    var txt_message ="<br><div style="width:1070px;height:1464px;background:url('http://i.cubeupload.com/uDqNfh.png') no-repeat top center;margin-left:30px;text-align:right;">
    + "[b]Quel est mon Pseudo ? : [/b]" + nom + '\n'
    + "[b]Quel est mon âge ? : [/b]" + age + '\n'
    + "[b]Quelle est ma localisation ? : [/b]" + race + '\n'
    + "[b]J'ai connu ce forum [/b] ";
   

    // Insère le texte construit dans le champ caché "message" du formulaire
    form.message.value = txt_message;
    form.subject.value = "Enrolement de " + nom ;
    return true;
    }
    }
    </script>   
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="return(envoiMessage(this))">
       <input name="lt" value="0" type="hidden" />    <input name="mode" value="newtopic" type="hidden" />
   <!--  Un nouveau topic sera créé  -->    <input name="topictype" value="0" checked="checked" type="hidden" />
   <!--  Value 0: Sujet Normal (1 = Note / 2 = annonce)  -->    <input name="message" value="" type="hidden" />
   <!--  Contiendra le texte du message  -->    <input name="f" value="23" type="hidden" />
   <!--  ID du forum dans lequel le message sera posté  -->    <input name="subject" id="titre" value="" type="hidden" />
   <!--  titre du sujet  -->    <br />   
   <div style="width:1185px;height:859px;background:url('http://i.cubeupload.com/34Wqmx.png') no-repeat top center;margin:auto;text-align:right;">
<br /><br /><br /><br />   
      
   <p><center>
<FONT size="26pt" color=#003399><u>Formulaire d'enrolement</u></FONT></center>
</p><br /><br /> <br /><br />

   <div align="left">
      &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp Moi,
            
               <input name="nom" id="nom" size="12" maxlength="12" type="text" value="vote nom "/>
            
      , agée de,
            
               <input name="age" id="age" size="8" maxlength="3" type="text" value=" votre âge "/>
            
      &nbsp ans.<br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp Appartenant à la race des&nbsp
            
               <select name="race[]">
                  <option value="Humains">Humains</option>
                  <option value="Nains">Nains</option>
                  <option value="Elfes de la nuit">Elfes de la nuit</option>
                  <option value="Gnomes">Gnomes</option>
                  <option value="Draenei">Draenei</option>
                  <option value="Worgen">Worgen</option>
                  <option value="Pendaren">Pendaren</option>
               </select>
      &nbsp, 
            <select name="classe[]">
                  <option value="Chaman">Chaman</option>
                  <option value="Chasseur">Chasseur</option>
                  <option value="Chevalier de la mort">Chevalier de la mort</option>
                  <option value="Démoniste">Démoniste</option>
                  <option value="Druide">Druide</option>
                  <option value="Guerrier">Guerrier</option>
                  <option value="Mage">Mage</option>
                  <option value="Moine">Moine</option>
                  <option value="Paladin">Paladin</option>
                  <option value="Prêtre">Prêtre</option>
                  <option value="Voleur">Voleur</option>
               </select>
         &nbsp de niveau    <input name="niveau" size="3" type="number" min="1" max="100" value="1"/>.<br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
Je jure d'honoré et protegé la légion des brumes ! D'aidet et combattre aux côter  de mes frères  <br />
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp d'arme de la lègion, et jamais je ne trahirais la légion ! La légion est ma famille, ses membres <br  />
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp sont mes frères et soeurs! Et je promet de faire de la devise de la légion ma devise ! <br /><br /><br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>NOUS SOMMES LA BRUME !</b>
</div> <br /><span style="color:red;font-size:20px;" id="errormsg"></span><br /> 
   <label></label><br /><br /><br /><br /><br /> 
   <center>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
   <input type="image" src="http://i.cubeupload.com/65LAm6.png" alt="signer"/><br /></center>     
</div>
</form>

[gueshjose]

UP ! (Un peux d'aide svp ! ^^')

ps: j'ai retrouvé le topic d'ou j'ai repris le formulaire que j'ai modifié ici !

[gueshjose]

UP ! Personne ne peut m'aider? ^^'

[Scoubifitz]

bonjour,

comme ceci ?

Code:

<link href='http://fonts.googleapis.com/css?family=Uncial+Antiqua' rel='stylesheet' type='text/css'>
<style type="text/css">
input[type=submit]{
border:none;
font-family: 'Uncial Antiqua', cursive;
color:#003399;
text-transform:uppercase;
text-shadow:1px 1px 0px #ffffff;
}
form {
width:1175px;
height:859px;
background:url('http://i.cubeupload.com/34Wqmx.png') no-repeat top center;
margin:auto;
}
h1,h2{
margin:100px auto;
font-family: 'Uncial Antiqua', cursive;
color:#003399;
text-align:center;
text-transform:uppercase;
text-shadow:1px 1px 0px #ffffff;
}
input,select,p{
font:18px LifeCraft;
color:#000000;
text-shadow:1px 1px 0px #ffffff;
text-align:center;
background-color:transparent;
}
p{
text-align:justify;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.nom.value === "" || form.age.value === "" || form.race.value === "" || form.classe.value === "" ||form.niveau.value === "")
{
document.getElementById("errormsg").innerHTML = "Vous devez remplir tous les champs !";
return false;
}
else
{
// Créer un message à partir des informations fournies
var nom = form.nom.value;
var age = form.age.value;
var race = form.race.value;
var classe = form.classe.value;
var niveau = form.niveau.value;

var txt_message ="\n<div style=\"width:1070px;height:1464px;background:url('http://i.cubeupload.com/uDqNfh.png') no-repeat top center;margin-left:30px;text-align:right;\">\n\n\n\n"
+ "Moi, "+ nom +", agée de "+ age +" ans.\n"
+ "Appartenant à la race des "+ race +", "+ classe +" de niveau "+ niveau +" .\n\n"
+ "Je jure d'honorer et protéger la légion des brumes ! \n"
+ "D'aider et combattre aux côtés de mes frères d'arme de la légion,\n"
+ "et jamais je ne trahirais la légion !\n"
+ "La légion est ma famille, ses membres sont mes frères et soeurs!\n"
+ "Et je promet de faire de la devise de la légion ma devise !\n\n"
+ "NOUS SOMMES LA BRUME !\n\n</div>";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Enrolement de " + nom ;
return true;
}
}
</script> 
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="return(envoiMessage(this))">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" /><!--  Un nouveau topic sera créé  -->
<input name="topictype" value="0" checked="checked" type="hidden" /><!--  Value 0: Sujet Normal (1 = Note / 2 = annonce)  -->
<input name="message" value="" type="hidden" /><!--  Contiendra le texte du message  -->
<input name="f" value="23" type="hidden" /><!--  ID du forum dans lequel le message sera posté  -->
<input name="subject" id="titre" value="" type="hidden" /><!--  titre du sujet  --><br>
<div style="width:780px;margin:50px 0 0 130px;">

<h1>Formulaire d'enrôlement</h1>

<p> Moi,  <input name="nom" id="nom" size="12" maxlength="12" type="text" placeholder="votre nom "/> , agée de <input name="age" id="age" size="8" maxlength="3" type="text" placeholder="votre âge"/> ans.<br />
Appartenant à la race des <select name="race" id="race">
<option value="Humains">Humains</option>
<option value="Nains">Nains</option>
<option value="Elfes de la nuit">Elfes de la nuit</option>
<option value="Gnomes">Gnomes</option>
<option value="Draenei">Draenei</option>
<option value="Worgen">Worgen</option>
<option value="Pendaren">Pendaren</option>
</select> ,
<select name="classe" id="classe">
<option value="Chaman">Chaman</option>
<option value="Chasseur">Chasseur</option>
<option value="Chevalier de la mort">Chevalier de la mort</option>
<option value="Démoniste">Démoniste</option>
<option value="Druide">Druide</option>
<option value="Guerrier">Guerrier</option>
<option value="Mage">Mage</option>
<option value="Moine">Moine</option>
<option value="Paladin">Paladin</option>
<option value="Prêtre">Prêtre</option>
<option value="Voleur">Voleur</option>
</select> de niveau <input name="niveau" size="3" type="text" placeholder="1"/>.</p>
<p>Je jure d'honorer et proteger la légion des brumes ! D'aider et combattre aux côtés de mes frères d'arme de la lègion, et jamais je ne trahirais la légion ! La légion est ma famille, ses membres sont mes frères et soeurs! Et je promet de faire de la devise de la légion ma devise ! </p>
<h2>NOUS SOMMES LA BRUME !</h2>
<span style="color:red;font-size:20px;" id="errormsg"></span>
<div style="text-align:right;"><input type="submit" name="post" value="Signer" /></div>   
</div>
</form>

[gueshjose]

Merci c'est nikel ! Mais tu saurais m'expliquer ce que tu as changé pour que je comprenne s’il te plait, si ça te dérange pas bien sur ? ^^

[Scoubifitz]

Il y a beaucoup de choses de changées ...

Pour le style , j'ai d'abord supprimé tout ce qui était inutile pour le formulaire , puis j'ai rajouté tout ce qui permettait la mise en forme de la page .

Au tout début , j'ai mis un lien vers une écriture Google .

Pour la partie HTML , j'ai épuré au maximum (pas bien , les nbsp ...) , corrigé les identifiants des listes , remplacé le type=number par un type=text (type=number est prévu en HTML5) , modifié le bouton d'envoi ...

Pour la partie script , j'ai fermé la parenthèse de la condition d'alerte en cas de champ vide , et repris le texte d'envoi pour qu'il ressemble au formulaire .

[gueshjose]

Oki ^^'
Je doute pas que les &nbsp soit pas bien, mais je suis encore débutant en html et co. Donc j'ai fait avec ce que je connaissait !

Alors, dessolé d'encore te déranger, mais ça serais possible que tu me fasse la partie qui est afficher sur le topic qui est crée ? Pour qui est le même fond et le texte bien aligner au centre de l'image comme sur le formulaire, avec si possible le nom du topic comme le "Formulaire d'enrôlement" du formulaire! S'il tep lait, j’espère que ça te dérange pas, sinon j'essaierais de faire ça moi-même, mais vus les blèmes que j'ai eu avant ! Bref, merci d'avance en tout cas. ^^

[Scoubifitz]

nouvel essai ?

Code:

<link href='http://fonts.googleapis.com/css?family=Uncial+Antiqua' rel='stylesheet' type='text/css'>
<style type="text/css">
input[type=submit]{
border:none;
font-family: 'Uncial Antiqua', cursive;
color:#003399;
text-transform:uppercase;
text-shadow:1px 1px 0px #ffffff;
}
form {
width:1175px;
height:859px;
background:url('http://i.cubeupload.com/34Wqmx.png') no-repeat top center;
margin:auto;
}
h1,h2{
margin:100px auto;
font-family: 'Uncial Antiqua', cursive;
color:#003399;
text-align:center;
text-transform:uppercase;
text-shadow:1px 1px 0px #ffffff;
}
input,select,p{
font:18px LifeCraft;
color:#000000;
text-shadow:1px 1px 0px #ffffff;
text-align:center;
background-color:transparent;
}
p{
text-align:justify;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.nom.value === "" || form.age.value === "" || form.race.value === "" || form.classe.value === "" ||form.niveau.value === "")
{
document.getElementById("errormsg").innerHTML = "Vous devez remplir tous les champs !";
return false;
}
else
{
// Créer un message à partir des informations fournies
var nom = form.nom.value;
var age = form.age.value;
var race = form.race.value;
var classe = form.classe.value;
var niveau = form.niveau.value;

var txt_message ="\n<link href='http://fonts.googleapis.com/css?family=Uncial+Antiqua' rel='stylesheet' type='text/css'><style>.rolement{width:1175px;height:859px;background:url('http://i.cubeupload.com/34Wqmx.png') no-repeat top center;margin:auto;}.rolement .roltexte{width:780px;margin:50px 0 0 130px;font:18px LifeCraft;color:#000000;text-shadow:1px 1px 0px #ffffff;text-align:center;}.rolement h2,.rolement h3{margin:auto;font-family: 'Uncial Antiqua', cursive;color:#003399;text-align:center;text-transform:uppercase;text-shadow:1px 1px 0px #ffffff;}</style><div class='rolement'><div class='roltexte'>\n\n\n\n"
+ "[h2]Formulaire d'enrôlement \n de " + nom + "[/h2]\n\n"
+ "Moi, "+ nom +", agée de "+ age +" ans.\n"
+ "Appartenant à la race des "+ race +", "+ classe +" de niveau "+ niveau +" .\n\n"
+ "Je jure d'honorer et protéger la légion des brumes ! \n"
+ "D'aider et combattre aux côtés de mes frères d'arme de la légion,\n"
+ "et jamais je ne trahirais la légion !\n"
+ "La légion est ma famille, ses membres sont mes frères et soeurs!\n"
+ "Et je promet de faire de la devise de la légion ma devise !\n\n\n\n\n"
+ "[h3]NOUS SOMMES LA BRUME ![/h3]\n\n</div></div>";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Enrolement de " + nom ;
return true;
}
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="return(envoiMessage(this))">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" /><!--  Un nouveau topic sera créé  -->
<input name="topictype" value="0" checked="checked" type="hidden" /><!--  Value 0: Sujet Normal (1 = Note / 2 = annonce)  -->
<input name="message" value="" type="hidden" /><!--  Contiendra le texte du message  -->
<input name="f" value="23" type="hidden" /><!--  ID du forum dans lequel le message sera posté  -->
<input name="subject" id="titre" value="" type="hidden" /><!--  titre du sujet  --><br>
<div style="width:780px;margin:50px 0 0 130px;">

<h1>Formulaire d'enrôlement</h1>

<p> Moi,  <input name="nom" id="nom" size="12" maxlength="12" type="text" placeholder="votre nom "/> , agée de <input name="age" id="age" size="8" maxlength="3" type="text" placeholder="votre âge"/> ans.<br />
Appartenant à la race des <select name="race" id="race">
<option value="Humains">Humains</option>
<option value="Nains">Nains</option>
<option value="Elfes de la nuit">Elfes de la nuit</option>
<option value="Gnomes">Gnomes</option>
<option value="Draenei">Draenei</option>
<option value="Worgen">Worgen</option>
<option value="Pendaren">Pendaren</option>
</select> ,
<select name="classe" id="classe">
<option value="Chaman">Chaman</option>
<option value="Chasseur">Chasseur</option>
<option value="Chevalier de la mort">Chevalier de la mort</option>
<option value="Démoniste">Démoniste</option>
<option value="Druide">Druide</option>
<option value="Guerrier">Guerrier</option>
<option value="Mage">Mage</option>
<option value="Moine">Moine</option>
<option value="Paladin">Paladin</option>
<option value="Prêtre">Prêtre</option>
<option value="Voleur">Voleur</option>
</select> de niveau <input name="niveau" size="3" type="text" placeholder="1"/>.</p>
<p>Je jure d'honorer et proteger la légion des brumes ! D'aider et combattre aux côtés de mes frères d'arme de la lègion, et jamais je ne trahirais la légion ! La légion est ma famille, ses membres sont mes frères et soeurs! Et je promet de faire de la devise de la légion ma devise ! </p>
<h2>NOUS SOMMES LA BRUME !</h2>
<span style="color:red;font-size:20px;" id="errormsg"></span>
<div style="text-align:right;"><input type="submit" name="post" value="Signer" /></div> 
</div>
</form>

[gueshjose]

Merci c'est parfait ! Je te remercie beaucoup et m’excuse pour le dérangement que je t'ai causé ! ^^