Problème avec mon formulaire

[alissad]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 31/08/2016
Lien du forum : http://inficium.forumactif.com/

Description du problème

Bonjour à tous!

J'ai un petit problème avec mon formulaire, que je viens de modifier...Lorsque je clique sur "Valider mon formulaire", il me dit que je dois entrer un titre de sujet.

Voici le code:

Code:

<style type="text/css">
.form {
background-color:white;
width:600px;
margin:auto;
text-align:center;
}
.form .perso{
border-spacing: 7px;
}
.form .perso td,
.form p{
border: 1px solid #555;
width: 300px;
  padding:6px;
vertical-align:top;
border-radius: 5px;
box-shadow:3px 3px 3px #555;
}
.form .perso td{
background: rgb(252,120,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,120,5,1) 0%, rgba(255,191,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7805', endColorstr='#ffbf0f',GradientType=0 ); /* IE6-9 */
  color:#fff}
.form .perso td+td{
background: rgb(6,109,171); /* Old browsers */
background: -moz-linear-gradient(top, rgba(6,109,171,1) 0%, rgba(138,187,215,1) 69%, rgba(197,222,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=0 ); /* IE6-9 */
}
.form p{
text-align:center;
margin:5px auto;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form){

// Créer un message à partir des informations fournies

var txt_message = "[b][color=#ff0000].: Candidature de " + form.pseudo.value + " :.[/color][/b]\n\n"
+ "[u][b]Présentation IRL[/b][/u]\n\n"
+ "[b]Mon Prénom : [/b]" + form.champ1.value + "\n"
+ "[b]Mon Age : [/b]" + form.champ2.value + "\n"
+ "[b]Ma région [/b]" + form.champ3.value + "\n"
+ "[b]Mes Passions [/b]" + form.champ4.value + "\n"
+ "[b]Mon Métier : [/b]" + form.champ5.value + "\n\n"
+ "[b]Plus sur moi : [/b] + form.champ13.value + "\n\n"
+ "[u][b]Présentation IG[/b][/u]\n\n"
+ "[b]Mon pseudo : [/b]" + form.champ6.value + "\n"
+ "[b]Mon level : [/b]" + form.champ7.value + "\n"
+ "[b]Ma classe : [/b]" + form.champ8.value + "\n"
+ "[b]Un peu plus sur moi dans DOFUS : [/b]" + form.champ9.value + "\n\n"
+ "[u][b]Motivations[/b][/u]\n\n"
+ "[b]Comment j'ai connu la guilde : [/b]" + form.champ10.value + "\n"
+ "[b]Ce que j'en attends : [/b]" + form.champ11.value + "\n"
+ "[b]Ce que je compte lui apporter [/b]: " + form.champ12.value + "\n";

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

// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "Candidature CR : " + form.pseudo.value;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" class="form">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- 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="f" value="2" /> <!--  ID du forum dans lequel le message sera posté-->

<input type="hidden" name="subject" id="titre" value="" />
 
<p>Présentation IRL</p>

<table class="perso"><tr><td><label for="champ1">Votre Prénom : </label></td>
    <td><input type="text" name="champ1" id="champ1" size="30" /></td></tr>

<tr><td><label for="champ2">Votre Age : </label></td>
    <td><input type="text" name="champ2" id="champ2" size="30" /></td></tr>

<tr><td><label for="champ3">Votre Région : </label></td>
    <td><input type="text" name="champ3" id="champ3" size="30" /></td></tr>

<tr><td><label for="champ4">Vos Passions : </label></td>
    <td><input type="text" name="champ4" id="champ4" size="30" /></td></tr>

<tr><td><label for="champ5">Votre Métier : </label></td>
  <td><input type="text" name="champ5" id="champ5" size="30" /></td></tr>
 
 <tr><td><label for="champ13">Un peu plus sur vous : </label></td>
    <td><textarea id="champ13" name="champ13" rows="2" cols="30"></textarea></td></tr> </table>
 


<p>Présentation IG</p>

<table class="perso"><tr><td><label for="champ6">Mon pseudo : </label></td>
    <td><input type="text" name="champ6" id="champ6" size="30" /></td></tr>

<tr><td><label for="champ7">Mon level : </label></td>
    <td><input type="text" name="champ7" id="champ7" size="30" /></td></tr>

<tr><td><label for="champ8">Classe : </label></td>
    <td><select name="champ8" id="champ8">
<option value="inconnu" selected="selected">Crâ</option>
<option value="Ecaflip">Ecaflip</option>
<option value="Eliotrope">Eliotrope</option>
<option value="Eniripsa">Eniripsa</option>
<option value="Enutrof">Enutrof</option>
<option value="Féca">Féca</option>
<option value="Huppermage">Huppermage</option>
<option value="Iop">Iop</option>
<option value="Osamodas">Osamodas</option>
<option value="Pandawa">Pandawa</option>
<option value="Roublard">Roublard</option>
<option value="Sadida">Sadida</option>
<option value="Sacrieur">Sacrieur</option>
<option value="Sram">Sram</option>
<option value="Steamer">Steamer</option>
<option value="Xélor">Xélor</option>
<option value="Zobal">Zobal</option>
</select></td></tr>

<tr><td><label for="champ9">Un peu plus sur votre histoire dans DOFUS : </label></td>
  <td><textarea id="champ9" name="champ9" rows="2" cols="30"></textarea></td></tr></table>

<p>Motivations</p>

<table class="perso"><tr><td><label for="champ10">Comment avez-vous connu la guilde :  </label></td>
    <td><textarea id="champ10" name="champ10" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ11">Ce que vous en attendez : </label></td>
    <td><textarea id="champ11" name="champ11" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ12">Ce que vous comptez lui apporter : </label></td>
<td><textarea id="champ12" name="champ12" rows="2" cols="30"></textarea></td></tr></table>

<p><input type="submit" name="post" value="Valider ma candidature" /></p>
</form>

Merci d'avance à celui qui trouvera la faille dans le code !

[Obsequium Polo]

Comment t'as appris à créer un formulaire comme ça ?

[alissad]

Comment t'as appris à créer un formulaire comme ça ?

C'est des codes tout fait que tu modifies ensuite à ta guise.

[lilas]

Alissad,
Possible d'avoir le lien du tuto du formulaire, svp ?

[alissad]

Alissad,
Possible d'avoir le lien du tuto du formulaire, svp ?

Le code que j'ai pris est là: https://forum.forumactif.com/t387221-creer-un-formulaire-de-presentation?highlight=formulaire+pr%E9sentation

Et j'ai modifié à ma guise. :p

[lilas]

Merci Alissad, très gentil

[alissad]

Un petit UP pour mon problème svp?

[Scoubifitz]

Bonsoir,

il manque un guillemet de fermeture dans cette ligne :

Code:

+ "[b]Plus sur moi : [/b] + form.champ13.value + "\n\n"

La même ligne corrigée :

Code:

+ "[b]Plus sur moi : [/b]" + form.champ13.value + "\n\n"

[alissad]

Bonsoir et merci de votre aide!

J'ai corrigé...
Hélas, le code affiche une erreur encore:

https://i.servimg.com/u/f97/17/40/32/27/sans_t10.jpgµ

Je ne trouve pas une erreur de guillemets ailleurs, bizarre.

Code:

<input type="hidden" name="f" value="2" /> <!--  ID du forum dans lequel le message sera posté-->

<input type="hidden" name="subject" id="titre" value="" />

Dans la deuxième ligne, value est vide...C'est normal ou il manque une donnée?

[Scoubifitz]

Par rapport à l'ancien formulaire , vous avez supprimé cette ligne :

Code:

<p>Infos perso de <input name="pseudo" type="text" value="" class="USERNAME" readonly="readonly" style="border:none"/></p>

Cette ligne est essentielle pour récupérer la valeur du champ "pseudo" .

Si vous ne voulez pas que cette ligne apparaisse dans le formulaire , on peut cacher ce champ , mais en aucun cas le supprimer .

Placez ce bout de code à la suite des champs cachés (de type hidden) du formulaire .

Code:

<input  type="hidden" name="pseudo" value="" class="USERNAME" />

[alissad]

Nous avançons dans le problème!

Le message s'envoie parfaitement. Maintenant, c'est l'affichage du message qui n'est pas mis comme prévu:
https://i.servimg.com/u/f97/17/40/32/27/sans_t10.png

[Scoubifitz]

Si vous aviez lu le sujet de l'ancien formulaire jusqu'au bout , vous auriez trouvé la réponse tout seul ...

https://forum.forumactif.com/t387221-creer-un-formulaire-de-presentation#3253831

[alissad]

Si vous aviez lu le sujet de l'ancien formulaire jusqu'au bout , vous auriez trouvé la réponse tout seul ...

https://forum.forumactif.com/t387221-creer-un-formulaire-de-presentation#3253831

Justement, je l'ai modifié et j'ai toujours le même problème:

Code:

<style type="text/css">
.form {
background-color:#222222;
width:600px;
margin:auto;
text-align:center;
}
.form .perso{
border-spacing: 7px;
}
.form .perso td,
.form p{
border: 1px solid #555;
width: 300px;
  padding:6px;
vertical-align:top;
border-radius: 5px;
box-shadow:3px 3px 3px #555;
}
.form .perso td{
background: rgb(252,120,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,120,5,1) 0%, rgba(255,191,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7805', endColorstr='#ffbf0f',GradientType=0 ); /* IE6-9 */
  color:#fff}
.form .perso td+td{
background: rgb(6,109,171); /* Old browsers */
background: -moz-linear-gradient(top, rgba(6,109,171,1) 0%, rgba(138,187,215,1) 69%, rgba(197,222,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=0 ); /* IE6-9 */
}
.form p{
text-align:center;
margin:5px auto;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form){

// Créer un message à partir des informations fournies

var txt_message = "[b][color=#ff0000].: Candidature de " + form.pseudo.value + " :.[/color][/b]\n\n"
+ "[u][b]Présentation IRL[/b][/u]\n\n"
+ "[b]Mon Prénom : [/b]" + form.champ1.value + "\n"
+ "[b]Mon Age : [/b]" + form.champ2.value + "\n"
+ "[b]Ma région [/b]" + form.champ3.value + "\n"
+ "[b]Mes Passions [/b]" + form.champ4.value + "\n"
+ "[b]Mon Métier : [/b]" + form.champ5.value + "\n\n"
+ "[b]Plus sur moi : [/b]" + form.champ13.value + "\n\n"
+ "[u][b]Présentation IG[/b][/u]\n\n"
+ "[b]Mon pseudo : [/b]" + form.champ6.value + "\n"
+ "[b]Mon level : [/b]" + form.champ7.value + "\n"
+ "[b]Ma classe : [/b]" + form.champ8.value + "\n"
+ "[b]Un peu plus sur moi dans DOFUS : [/b]" + form.champ9.value + "\n\n"
+ "[u][b]Motivations[/b][/u]\n\n"
+ "[b]Comment j'ai connu la guilde : [/b]" + form.champ10.value + "\n"
+ "[b]Ce que j'en attends : [/b]" + form.champ11.value + "\n"
+ "[b]Ce que je compte lui apporter [/b]: " + form.champ12.value + "\n";

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

// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "Candidature de " + form.pseudo.value;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" class="form">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- 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="f" value="2" /> <!--  ID du forum dans lequel le message sera posté-->

<input type="hidden" name="subject" id="titre" value="" />
<input  type="hidden" name="pseudo" value="" class="USERNAME" />
 
<p>Présentation IRL</p>

<table class="perso"><tr><td><label for="champ1">Votre Prénom : </label></td>
    <td><input type="text" name="champ1" id="champ1" size="30" /></td></tr>

<tr><td><label for="champ2">Votre Age : </label></td>
    <td><input type="text" name="champ2" id="champ2" size="30" /></td></tr>

<tr><td><label for="champ3">Votre Région : </label></td>
    <td><input type="text" name="champ3" id="champ3" size="30" /></td></tr>

<tr><td><label for="champ4">Vos Passions : </label></td>
    <td><input type="text" name="champ4" id="champ4" size="30" /></td></tr>

<tr><td><label for="champ5">Votre Métier : </label></td>
  <td><input type="text" name="champ5" id="champ5" size="30" /></td></tr>
 
 <tr><td><label for="champ13">Un peu plus sur vous : </label></td>
    <td><textarea id="champ13" name="champ13" rows="2" cols="30"></textarea></td></tr> </table>
 


<p>Présentation IG</p>

<table class="perso"><tr><td><label for="champ6">Mon pseudo : </label></td>
    <td><input type="text" name="champ6" id="champ6" size="30" /></td></tr>

<tr><td><label for="champ7">Mon level : </label></td>
    <td><input type="text" name="champ7" id="champ7" size="30" /></td></tr>

<tr><td><label for="champ8">Classe : </label></td>
    <td><select name="champ8" id="champ8">
<option value="inconnu" selected="selected">Crâ</option>
<option value="Ecaflip">Ecaflip</option>
<option value="Eliotrope">Eliotrope</option>
<option value="Eniripsa">Eniripsa</option>
<option value="Enutrof">Enutrof</option>
<option value="Féca">Féca</option>
<option value="Huppermage">Huppermage</option>
<option value="Iop">Iop</option>
<option value="Osamodas">Osamodas</option>
<option value="Pandawa">Pandawa</option>
<option value="Roublard">Roublard</option>
<option value="Sadida">Sadida</option>
<option value="Sacrieur">Sacrieur</option>
<option value="Sram">Sram</option>
<option value="Steamer">Steamer</option>
<option value="Xélor">Xélor</option>
<option value="Zobal">Zobal</option>
</select></td></tr>

<tr><td><label for="champ9">Un peu plus sur votre histoire dans DOFUS : </label></td>
  <td><textarea id="champ9" name="champ9" rows="2" cols="30"></textarea></td></tr></table>

<p>Motivations</p>

<table class="perso"><tr><td><label for="champ10">Comment avez-vous connu la guilde :  </label></td>
    <td><textarea id="champ10" name="champ10" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ11">Ce que vous en attendez : </label></td>
    <td><textarea id="champ11" name="champ11" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ12">Ce que vous comptez lui apporter : </label></td>
<td><textarea id="champ12" name="champ12" rows="2" cols="30"></textarea></td></tr></table>

<p><input type="submit" name="post" value="Poster le formulaire" /></p>
</form>

OK c'est bon maintenant, je ne sais pas ce que j'ai fait, mais j'me suis dit j'vais test une deuxième fois et ça marche.
Mdrrrr