Le formulaire ne s'envoie pas.

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

Résolu Le formulaire ne s'envoie pas.

Message par Lilith-93 le Lun 13 Fév 2017 - 10:29

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://lilith-test.forumactif.org

Description du problème

Bonjour !

Voilà, j'ai créé un formulaire de présentation pour mon futur forum sur mon forum test en me servant ce ce tuto. Malheureusement, lorsque j'appuie sur "poster votre présentation", je vois la fenêtre pour poster un sujet et il y a un message d'erreur "Vous devez entrer un message avant de poster." et effectivement, dans l'encadré où l'on écrit le message, il n'y a strictement rien.

Voici mon code en entier
Code:
<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
   
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

   
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>
 <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <!-- Permet de pouvoir récupérer le username d'un utilisateur -->
<script type="text/javascript">envoiMessage(form)
{
// Créer un message BBcode à partir des informations fournies par le formulaire
var txt_message = "[class=titre] " + form.pseudo.value
+ "[/class]
    
   [class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value +" | " + form.mariage.value +" | " +  form.lieu.value
+ "[/class]
 
  [class=con][class=tititre]Ma présentation[/class] " + form.perso.value
+ "[/class]
  [class=avan]
    [class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent " + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value
+ " ans.[/class]
 
    [class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : " + form.forum.value + '\n'
    +"[b]Je compte poster des photos[/b] : " + form.photo.value + '\n'
    +"[b]Ce que j'attends de la communauté [/b]:" + form.raison.value. + "[/class][/class]"   
 
</script>

 
 

  <center><div class="titregen">Générateur de présentation</div></center><!-- Titre du formulaire -->
<!-- Données cachées -->
<form action="http://lilith-test.forumactif.org/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<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 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME"/> <!-- implantation du username dans le titre du sujet -->
 

<!-- Cases à remplir du formulaire -->
 <p>
        <label for="pseudo">Votre pseudo :</label>
        <input type="text" name="pseudo" id="pseudo"/>
    </p>
 
<p><label for="nom">Prénom ou surnom: </label>
<input type="text" id="nom" value="" /></p>
 
<p><label for="age">Âge : </label>
<input type="text" id="age" value="" /></p>
 
<p><label for="lieu">Département : </label>
<input type="text" id="lieu" value="" /></p>
 

<p><label for="act">Activité professionnelle : </label>
<input type="text" id="act" value="" /></p>
   
<p><label for="mariage">Quelle est votre situation maritale</label>
      <select name="mariage" id="pays">
          <optgroup label="Je vis avec quelqu'un">
              <option value="france">Mariée</option>
              <option value="espagne">Pacsée</option>
              <option value="italie">Union libre (concubinage)</option>
          <optgroup label="Je vis seule avec mes enfants">
              <option value="canada">Célibataire</option>
              <option value="etats-unis">Divorcée</option>
            <option value="veuve">Veuve</option>
            </optgroup></select></p>
 
<p><label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
<textarea id="perso" ></textarea>
 
<p><label for="photo">Veux-tu poster des photos de tes enfants ?</label>
      <select name="photo" id="photo">         
              <option value="oui">Non</option>
        <option value="non">Oui</option></select></p>
             
  <p><label for="nbenf">Combien d'enfants as-tu ?</label>
  <input type="number" min="0" max="10" width="30px"/></p>
 
  <p><label for="pnomenf">Quels sont leurs prénoms ?</label>
<input type="text" id="pnomenf" value="" /></p>
 
  <p><label for="amienf">L'age minimum de la fraterie :</label>
  <input type="number" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/></p>
 
<p><label for="forum">Comment avez-vous connu le forum ?</label>
<input type="text" id="forum" value="" /></p>
 
<p><label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
  <input type="text" id="raison" value="" /></p>
 

 
  <br/><br/><input type="submit" name="post" value="Poster votre présentation" />
</form>

Merci d'avance à qui m'aidera <3
Bonne journée <3


Dernière édition par Lilith-93 le Dim 26 Fév 2017 - 15:18, édité 1 fois
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Mer 15 Fév 2017 - 15:34

Up
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Jeu 16 Fév 2017 - 18:24

Up <3
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Sam 18 Fév 2017 - 16:35

Up
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Mer 22 Fév 2017 - 13:32

Up
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Miettes le Mer 22 Fév 2017 - 15:28

Coucou Smile

Eh bien, déjà, on a un petit couac ici :
Code:
var txt_message = "[class=titre] " + form.pseudo.value
+ "[/class]
   
  [class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value +" | " + form.mariage.value +" | " +  form.lieu.value
+ "[/class]
 
  [class=con][class=tititre]Ma présentation[/class] " + form.perso.value
+ "[/class]
  [class=avan]
    [class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent " + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value
+ " ans.[/class]
 
    [class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : " + form.forum.value + '\n'
    +"[b]Je compte poster des photos[/b] : " + form.photo.value + '\n'
    +"[b]Ce que j'attends de la communauté [/b]:" + form.raison.value. + "[/class][/class]"

où de nombreux retour à la ligne que le js n'aime pas ont fait leur apparition. Voici la partie corrigée :
Code:
var txt_message = "[class=titre] " + form.pseudo.value+ "[/class]"+
    "[class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value +" | " + form.mariage.value +" | " +  form.lieu.value + "[/class]" +
    "[class=con][class=tititre]Ma présentation[/class] " + form.perso.value + "[/class]" +
    "[class=avan][class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent " + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.[/class]" +
    "[class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : " + form.forum.value + '\n' +
    "[b]Je compte poster des photos[/b] : " + form.photo.value + '\n' +
    "[b]Ce que j'attends de la communauté [/b]:" + form.raison.value. + "[/class][/class]"  ;

Ensuite, il manque l'info concernant le titre du sujet :
Code:
form.subject.value = "Présentation de "+ form.pseudo.value +"";

Je te propose d'apporter déjà ces modifications et on verra ensuite si ça coince encore Smile
avatar

Miettes
****

Féminin
Messages : 426
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Mer 22 Fév 2017 - 18:30

Merci de la réponse Smile

Ca coince toujours, c'est le même problème :/
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lixyr le Sam 25 Fév 2017 - 11:55

Bonjour,

Alors, déjà, plusieurs erreurs dans le code :

"Ce que j'attends de la communauté :" + form.raison.value. + "[/class][/class]" ;

Il faut enlever le point en trop (en rouge).

Ensuite :

envoiMessage(form)

Ici vous voulez déclarer une fonction, mais vous ne déclarez pas que c'en est une. Il faut faire comme ça :

Code:
function envoiMessage(form)

Ensuite j'ai ceci comme erreur :

form.nbenf is undefined

Et vous, vous avez ceci :

<p>
<label for="nbenf">Combien d'enfants as-tu ?</label>
<input type="number" min="0" max="10" width="30px"/>
</p>

Il faut lier le label et le input.
<input type="number" name="nbenf" min="0" max="10" width="30px"/>

Pareil ici :

vous avez a écrit: <p>
<label for="amienf">L'age minimum de la fraterie :</label>
<input type="number" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
<label for="amaenf">L'age maximum de la fraterie :</label>
<input type="number" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
</p>

Il faut mettre :

<p>
<label for="amienf">L'age minimum de la fraterie :</label>
<input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
<label for="amaenf">L'age maximum de la fraterie :</label>
<input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
</p>

Ensuite, vous récupérer les informations saisies dans la variable txt_message, mais vous n'en faites rien de cette variable. Or, vous avez ceci dans votre code :
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

Cet input a comme value : "", ce qui veut dire une valeur vide... Donc le champ est vide. Il faut stocker la valeur de la variable txt_message dans cet input pour que lors de l'envoi du formulaire il puisse le poster.


Enfin, au niveau du pseudo, vous récupérez le pseudo du membre automatiquement et essayez de le stocker dans un input, mais lorsque vous envoyez le formulaire, vous supprimez cette valeur et la remplacez par celle saisie. Il faudrait choisir. Donc enlever le pseudo rajouté automatiquement et conserver celui renseigné dans le formulaire, soit retirer tout ça :

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <!-- Permet de pouvoir récupérer le username d'un utilisateur -->

et

<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME"/> <!-- implantation du username dans le titre du sujet -->


Une fois tout ceci corrigé, vous obtenez ce code :

Code:
<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "[class=titre] " + form.pseudo.value + "[/class]"
  +"[class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "[/class]"
  +"[class=con][class=tititre]Ma présentation[/class] " + form.perso.value + "[/class]"
  +"[class=avan][class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.[/class]"
  +"[class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : "
  + form.forum.value + '\n' +"[b]Je compte poster des photos[/b] : "
  + form.photo.value + '\n' +"[b]Ce que j'attends de la communauté [/b]:"
  + form.raison.value + "[/class][/class]";
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value +"";
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <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 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">       
      <option value="oui">Non</option>
      <option value="non">Oui</option>
    </select>
  </p>         
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>

Bon, il y a encore des erreurs, mais le tutoriel de base que vous avez suivi est bourré d'erreurs...
De votre côté...

Code:
[class=titre] pseudo[/class]

Je n'avais encore jamais vu ce genre de bbcode...
Je ne sais pas ce que vous avez voulu faire, mais je vous conseille de mettre des table à la place ou autre chose.


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5967
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Sam 25 Fév 2017 - 20:18

Bonjour !
Merci de votre réponse !
Par contre, il y a un souci. Lorsque je rentre
Code:
<input type="hidden" name="message" value="txt_message" /> <!-- Contiendra le texte du message -->
ou
Code:
<input type="hidden" name="message" value="var txt_message" /> <!-- Contiendra le texte du message -->
tout ce que ça me met c'est "txt_message" ou "var txt-message".

Et lorsque je copie/colle votre code en entier, ça me met

Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
Voici le code en entier, modifié (bbcode changé en HTML).
Code:
<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class="titre"> " + form.pseudo.value + "</div>"
  +"<div class="navrap"> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  +"<div class="con"><div class="tititre">Ma présentation</div> " + form.perso.value + "</div>"
  +"<div class="avan"><div class="date">Mes enfants</div><div class="desc>J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div>"
  +"<div class="date">Maternidée et moi</div><div class="desc><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '\n' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '\n' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value +"";
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <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 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">       
      <option value="oui">Non</option>
      <option value="non">Oui</option>
    </select>
  </p>         
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>
Encore merci de votre réponse.
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lixyr le Sam 25 Fév 2017 - 22:08

Lilith-93 a écrit:Bonjour !
Merci de votre réponse !
Par contre, il y a un souci. Lorsque je rentre
Code:
<input type="hidden" name="message" value="txt_message" /> <!-- Contiendra le texte du message -->
ou
Code:
<input type="hidden" name="message" value="var txt_message" /> <!-- Contiendra le texte du message -->
tout ce que ça me met c'est "txt_message" ou "var txt-message".

Je me suis mal exprimée, désolée. Le remplissage se fait obligatoirement par JavaScript, car la variable est remplie avec du JavaScript. Et je l'ai rajouté dans le code que je vous ai fourni. C'est ce passage :
form.message.value = txt_message;

Comme vous avez mis du HTML et qu'il y a des guillemets, ça génère des erreurs. C'est pour ça que ça ne fonctionne pas (d'ailleurs vous avez oublié un guillemet à une des div :

<div class="desc"><b>Comment j
)

Pour le HTML il faut échapper tous les guillemets des attributs, comme ceci :

class=\"CLASSE\"
ATTRIBUT=\"ATTRIBUT\"


Voici le code corrigé :

Code:
<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>

<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <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 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">     
      <option value="oui">Non</option>
      <option value="non">Oui</option>
    </select>
  </p>       
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>


<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class="titre">" + form.pseudo.value + "</div>"
  + "<div class="navrap"> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  + " | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  + "<div class="con"><div class="tititre">Ma présentation</div> " + form.perso.value + "</div>"
  + "<div class="avan"><div class="date">Mes enfants</div><div class="desc">J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div><div class="date">Maternidée et moi</div><div class="desc"><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '\n' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '\n' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value +"";
  }
</script>


J'ai mis le JS en bas, c'est mieux.


Dernière édition par Lixyr le Dim 26 Fév 2017 - 20:01, édité 1 fois


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5967
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Sam 25 Fév 2017 - 23:00

Je ne comprends pas ce que vous voulez dire par là
Pour le HTML il faut échapper tous les guillemets des attributs, comme ceci :

class="CLASSE"
ATTRIBUT="ATTRIBUT"

Sinon ça m'affiche toujours le même message. Je commence un peu à me dire que ça vient de moi et de mon incapacité à manier le code JS le plus simple du monde...
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par MasDan le Sam 25 Fév 2017 - 23:10

Bonjour,

Voci une version fonctionnelle (le message est bien envoyé sur mon site de test).

Remplacer votre code par ceci
Code:
<meta charset="utf-8" />

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
 
div.USERNAME {
  display: none;
}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class='titre'> " + form.pseudo.value + "</div>"
  +"<div class='navrap'> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  +"<div class='con'><div class='tititre'>Ma présentation</div> " + form.perso.value + "</div>"
  +"<div class='avan'><div class='date'>Mes enfants</div><div class='desc'>J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div>"
  +"<div class='date'>Maternidée et moi</div><div class='desc'><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '<br />' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '<br />' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
 
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value;

  form.message.value = txt_message;
  form.subject.value = "Présentation de " + $("div.USERNAME").text().trim();
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <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 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">     
      <option value="oui">Oui</option>
      <option value="non">Non</option>
    </select>
  </p>       
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenfBonjour,

Voci une version fonctionnelle (le message est bien envoyé sur mon site de test).

Remplacer votre code par ceci
[code]<meta charset="utf-8" />

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
 
div.USERNAME {
  display: none;
}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class='titre'> " + form.pseudo.value + "</div>"
  +"<div class='navrap'> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  +"<div class='con'><div class='tititre'>Ma présentation</div> " + form.perso.value + "</div>"
  +"<div class='avan'><div class='date'>Mes enfants</div><div class='desc'>J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div>"
  +"<div class='date'>Maternidée et moi</div><div class='desc'><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '<br />' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '<br />' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
 
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value;

  form.message.value = txt_message;
  form.subject.value = "Présentation de " + $("div.USERNAME").text().trim();
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <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 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">     
      <option value="oui">Oui</option>
      <option value="non">Non</option>
    </select>
  </p>       
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>
  <!--  div caché pour implantation du username dans le titre du sujet  -->
<div class="USERNAME"> </div>[/code]

Note:
1) code javascript
  Le code javascript reste à perfectionner.
  Attention aux chaînes de caractères
    exemple: J'ai corrigé [code]"<div class="titre"> "[/code] par [code]"<div class='titre'> "[/code].

3) Il faudra corriger les «value» pour la question maritale et il manque probablement une question pour le pays.

4) Pour la question des photos les «value» étient inversés - j'ai corrigé

5) Option placeholder  (âge min - max). Il faut un espace suffisant pour que le texte puisse apparaître. Ici vous devriez le supprimer.
">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>
  <!--  div caché pour implantation du username dans le titre du sujet  -->
<div class="USERNAME"> </div>

Note:
1) code javascript
Le code javascript reste à perfectionner.
Attention aux chaînes de caractères
exemple: J'ai corrigé
Code:
"<div class="titre"> "
par
Code:
"<div class='titre'> "
Le caractère utilisé comme délimiteur ne peux être utilisé dans la chaîne de caractères (sauf si préfixé par \).

2) Il faudra corriger les «value» pour la question maritale et il manque probablement une question pour le pays.

3) Pour la question des photos les «value» étient inversés - j'ai corrigé

4) Option placeholder (âge min - max). Il faut un espace suffisant pour que le texte puisse apparaître. Ici vous devriez le supprimer.

5) J'ai utilisé la variable USERNAME. Est-ce que la question pour le pseudo est toujours requise?
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1102
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le formulaire ne s'envoie pas.

Message par Lilith-93 le Dim 26 Fév 2017 - 15:18

Merci beaucoup ! Ca fonctionne ! :DD

MasDan a écrit:5) J'ai utilisé la variable USERNAME. Est-ce que la question pour le pseudo est toujours requise?
Elle l'est toujours pour l'entête de la présentation.

Merci à vous trois d'avoir bien voulu me prêter votre aide. Smile
avatar

Lilith-93
Nouveau membre

Messages : 9
Inscrit(e) le : 13/02/2017

http://lilith-test.forumactif.org
Lilith-93 a été remercié(e) par l'auteur de ce sujet.

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


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