Formulaire de présentation impossible à poster

par Peanuts96 Mar 14 Aoû 2018 - 19:51

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 14/08/2018
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Voici mon problème : j'ai voulu créer un formulaire de présentation pour les nouveaux membres. Pour cela, j'ai suivi un tutoriel sur cette page http://www.never-utopia.com/t60709-formulaire-de-presentation et je l'ai modifié en fonction de ce que je voulais obtenir. J'ai dû commettre une erreur en le modifiant, car lorsque j'essaie d'envoyer le formulaire après avoir rempli les informations nécessaires, j'obtiens le message suivant : "Vous devez préciser un titre avant de pouvoir envoyer votre message. Vous devez entrer un message avant de poster."

Voici le code de la page html :

Code:: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <base target="_blank" /> <meta name="author" content="Onyx" /> <title>Formulaire de Présentation</title> <style type="text/css"> /*Corps*/ body { margin: 0px; color: #757575; font-family: 'Verdana'; font-size: 13px; } /*Formulaire*/ #monId { background-color: #dfdfdf; box-shadow: inset 0px 0px 15px #656565; margin: auto; border-radius: 10px; width: 500px; padding: 15px; } /*Titres*/ h1, h2, h3 { color: #757575; text-align: center; font-family: 'Monotype Corsiva', cursive; font-size: 32px; font-weight: normal; } /*Petit titre*/ h2 { font-size: 24px; } /*Champs text, number, password, textarea et select*/ input[type="text"], input[type="number"], input[type="password"], textarea, select { display: inline-block; width: 97%; margin-top: 3px; background-color: #efefef; color: #858585; padding: 5px; border: none; border-radius: 5px; box-shadow: inset 2px 2px 2px #bfbfbf, inset -2px -2px 1px #bfbfbf; font-size: 13px; font-family: 'Arial'; } /*Champs radio*/ input[type="radio"] { display: inline-bloc; margin-top: 3px; vertical-align: bottom; } /*Champs submit et reset*/ input[type="submit"], input[type="reset"] { margin-top: 10px; text-align: center; display: inline-block; font-weight: bold; background-color: #fdfdfd; border: 1px solid #c4c4c4; color: #757575; padding: 8px; padding-top: 8px; padding-bottom: 8px; border-radius: 5px; box-shadow: 2px 2px 2px #747474, inset 0px 0px 15px #a3a3a3; } /*Champs submit et reset au survol*/ input[type="submit"]:hover, input[type="reset"]:hover { cursor: pointer; background-color: #ffffff; box-shadow: 4px 4px 4px #747474, inset 0px 0px 15px #a3a3a3; color: #656565; } /*Champs reset et prévisualiser*/ input[type="reset"], input[name="preview"] { margin-top: 0px; margin-right: 10px; font-weight: normal; } /*Champs textarea*/ textarea { min-width: 97%; max-width: 97%; min-height: 100px; } /*Astérisques rouges*/ .redd { color: red; } /*Crédits*/ .credits { margin: 10px auto -10px auto; font-size: 11px; text-align: center; } .credits a { color: darkgreen; text-decoration: none; } .credits a:hover { color: blue; } </style> <script type="text/javascript"> // </script> </head> <body> <form id="monId" action="/posting.forum" method="post" name="NomForm" enctype="multipart/form-data" target="_blank" onSubmit="return creationMessage(this)"> <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="f" value="9" /> <input type="text" name="subject" id="titre" value="" /> <h1>Formulaire de Présentation</h1> <h2>Informations sur le personnage</h2> <label for="prenom">Prénom<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="text" name="prenom" id="prenom" /><br /> <br /> <label for="nom">Nom<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="text" name="nom" id="nom" /><br /> <br /> <label for="avatar">Avatar<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="text" name="avatar" id="avatar" /><br /> <br /> <label for="etatcivil">Etat civil<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="text" name="etatcivil" id="etatcivil" value="Célibataire, en couple, marié(e), veuf(ve)..."/><br /> <br /> <label for="sexualite">Sexualité<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="text" name="sexualite" id="sexualite" /><br /> <br /> <label for="metier">Métier<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="text" name="metier" id="metier" /><br /> <br /> <label for="age">Age<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="number" name="age" id="age" /><br /> <br /> <label for="nationalite">Nationalité<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="text" name="nationalite" id="nationalite" /><br /> <br /> <label for="espece">Espèce<span class="redd">*</span> :</label><br /> <select name="espece" id="espece"> <option>Humain</option> <option>Humaine</option> <option>Vampire</option> <option>Sorcier</option> <option>Sorcière</option> <option>Loup-garou</option> <option>Hybride</option> </select><br /><br /> <label for="role">Rôle<span class="redd">*</span> :</label><br /> <select name="role" id="role"> <option>Scientifique</option> <option>Rafleur</option> <option>Rafleuse</option> <option>Résistant</option> <option>Résistante</option> </select><br /><br /> <h2>Description du personnage</h2> <label for="caractere">Ton caractère :</label><br /> <textarea name="caractere" id="caractere" placeholder="Raconte ici le caractère de ton personnage dans un petit texte à la personne de ton choix. Énumère les qualités et les défauts de ce dernier et fais-nous découvrir un peu plus ce nouveau petit personnage."></textarea><br /> <br /> <br /> <label for="espc">Ton espèce :</label><br /> <textarea name="espc" id="espc" placeholder="Raconte-nous ici de quelle espèce es-tu et parle-nous-en un peu plus. Explique-nous un peu plus en détail ton avis sur l'espèce de ton personnage."></textarea><br /> <br /> <br /> <label for="hist">Ton histoire :</label><br /> <textarea name="hist" id="hist" placeholder="Ici, tu nous raconteras l'histoire de ton personnage dans une biographie faisant au minimum 350 mots. Elle doit être rédigée par tes soins. Nous demandons une application à la rédaction afin de limiter les fautes d'orthographe. Si tu as un doute, tu peux te rendre sur le site Scribens (https://www.scribens.fr/) pour corriger tes fautes."></textarea><br /> <br /> <br /> <h2>Informations sur le joueur</h2> <label for="pseudo">Ton pseudo :</label><br /> <input type="text" name="pseudo" id="pseudo" /><br /> <br /> <label for="agehrp">Ton âge :</label><br /> <input type="text" name="agehrp" id="agehrp" /><br /> <br /> <label for="anRPG">Tes années RPG :</label><br /> <input type="text" name="anRPG" id="anRPG" /><br /> <br /> <label for="connu">Comment as-tu découvert le forum<span class="redd">*</span> ?</label><br /> <input class="obligatoire" type="text" name="connu" id="connu" /><br /> <br /> <label for="secret">Le code secret<span class="redd">*</span> :</label><br /> <input class="obligatoire" type="password" name="secret" id="secret" /><br /> <br /> <label for="discord">Désires-tu nous rejoindre sur Discord ?<span class="redd">*</span></label><br /><br /> <input class="obligatoire" type="radio" name="discord" value="Oui" />Oui <input class="obligatoire" type="radio" name="discord" value="Non" />Non<br /> <br /> <label for="dermot">Un dernier mot ?</label><br /> <input class="obligatoire" type="text" name="dermot" id="dermot" /><br /> <br /> <h2>Personnaliser la mise en page</h2> <label for="urlimghaut">URL de l'image du haut (500px par 200px) :</label><br /> <input type="text" name="urlimghaut" id="urlimghaut" value="https://sd-g1.archive-host.com/membres/up/f87a3112ce84343531472ee2cfc0e5acbca0a103/panchang.png" /><br /> <br /> <label for="citation">Une citation qui te tient à coeur :</label><br /> <input type="text" name="citation" id="citation" value="Petite citation" /><br /> <br /> <label for="phrase">Une petite phrase que ton perso pourrait dire :</label><br /> <input type="text" name="phrase" id="phrase" value="Petite phrase" /><br /> <br /> <label for="urlimgava">URL de l'image du personnage (200px par 320px) :</label><br /> <input type="text" name="urlimgava" id="urlimgava" value="https://www.zupimages.net/up/18/33/jg2o.jpeg" /><br /> <br /> <label for="urlimgbas">URL de l'image du joueur (100px par 100px) :</label><br /> <input type="text" name="urlimgbas" id="urlimgbas" value="https://images-ext-2.discordapp.net/external/IipZH5jizFoQIZs0XtOOHSoCIouj6eEFEW-5YzwYf-k/https/i.kym-cdn.com/photos/images/original/000/477/711/dda.gif?width=301&height=301" /><br /> <br /> <br /> <div style="text-align: center;"> <input type="reset" name="reseta" value="Rénitialiser le formulaire" /> <input type="submit" name="preview" value="Prévisualiser le formulaire" /> <input type="submit" name="post" value="Envoyer le formulaire" /> </div> <br /> <div class="credits">Par <a href="http://www.never-utopia.com/u27" target="_blank">Onyx</a> de <a href="http://www.never-utopia.com" target="_blank">Never-Utopia</a>.</div> </form> </body> </html>

C'est la première fois que je crée une page html sur un forum alors j'ai sans doute fait un erreur quelque part...
J'ai également vu d'autres sujets qui parlaient de ce type de problème mais malheureusement je n'ai pas réussi à régler mon problème pour autant.

Merci à tous ceux qui prendront du temps pour me lire et m'aider !

par Peanuts96 Ven 17 Aoû 2018 - 11:08

Petit up !

par Hudson Hornet Ven 17 Aoû 2018 - 14:29

Ou alors le tutoriel est obsolète.. Rolling Eyes

par MasDan Sam 18 Aoû 2018 - 3:03

Bonjour Peanuts96,

Remplacer votre page HTML par ceci

Code:: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <base target="_blank" /> <meta content="Onyx" name="author" /> <title>Formulaire de Présentation</title> <style type="text/css"> /*Corps*/ body { margin: 0px; color: #757575; font-family: 'Verdana'; font-size: 13px; } /*Formulaire*/ #monId { background-color: #dfdfdf; box-shadow: inset 0px 0px 15px #656565; margin: auto; border-radius: 10px; width: 500px; padding: 15px; } /*Titres*/ h1, h2, h3 { color: #757575; text-align: center; font-family: 'Monotype Corsiva', cursive; font-size: 32px; font-weight: normal; } /*Petit titre*/ h2 { font-size: 24px; } /*Champs text, number, password, textarea et select*/ input[type="text"], input[type="number"], input[type="password"], textarea, select { display: inline-block; width: 97%; margin-top: 3px; background-color: #efefef; color: #858585; padding: 5px; border: none; border-radius: 5px; box-shadow: inset 2px 2px 2px #bfbfbf, inset -2px -2px 1px #bfbfbf; font-size: 13px; font-family: 'Arial'; } /*Champs radio*/ input[type="radio"] { display: inline-bloc; margin-top: 3px; vertical-align: bottom; } /*Champs submit et reset*/ input[type="submit"], input[type="reset"] { margin-top: 10px; text-align: center; display: inline-block; font-weight: bold; background-color: #fdfdfd; border: 1px solid #c4c4c4; color: #757575; padding: 8px; padding-top: 8px; padding-bottom: 8px; border-radius: 5px; box-shadow: 2px 2px 2px #747474, inset 0px 0px 15px #a3a3a3; } /*Champs submit et reset au survol*/ input[type="submit"]:hover, input[type="reset"]:hover { cursor: pointer; background-color: #ffffff; box-shadow: 4px 4px 4px #747474, inset 0px 0px 15px #a3a3a3; color: #656565; } /*Champs reset et prévisualiser*/ input[type="reset"], input[name="preview"] { margin-top: 0px; margin-right: 10px; font-weight: normal; } /*Champs textarea*/ textarea { min-width: 97%; max-width: 97%; min-height: 100px; } /*Astérisques rouges*/ .redd { color: red; } /*Crédits*/ .credits { margin: 10px auto -10px auto; font-size: 11px; text-align: center; } .credits a { color: darkgreen; text-decoration: none; } .credits a:hover { color: blue; } </style> <script type="text/javascript"> // </script> </head> <body> <form onsubmit="return creationMessage(this)" target="_blank" enctype="multipart/form-data" name="NomForm" method="post" action="/posting.forum" id="monId"> <input type="hidden" value="newtopic" name="mode" /> <input type="hidden" checked="checked" value="0" name="topictype" /> <input type="hidden" value="" name="message" /> <input type="hidden" value="9" name="f" /> <input type="text" value="" id="titre" name="subject" /> <h1> Formulaire de Présentation </h1> <h2> Informations sur le personnage </h2> <label for="prenom">Prénom<span class="redd">*</span> :</label><br /> <input type="text" id="prenom" name="prenom" class="obligatoire" /><br /> <br /> <label for="nom">Nom<span class="redd">*</span> :</label><br /> <input type="text" id="nom" name="nom" class="obligatoire" /><br /> <br /> <label for="avatar">Avatar<span class="redd">*</span> :</label><br /> <input type="text" id="avatar" name="avatar" class="obligatoire" /><br /> <br /> <label for="etatcivil">Etat civil<span class="redd">*</span> :</label><br /> <input type="text" value="Célibataire, en couple, marié(e), veuf(ve)..." id="etatcivil" name="etatcivil" class="obligatoire" /><br /> <br /> <label for="sexualite">Sexualité<span class="redd">*</span> :</label><br /> <input type="text" id="sexualite" name="sexualite" class="obligatoire" /><br /> <br /> <label for="metier">Métier<span class="redd">*</span> :</label><br /> <input type="text" id="metier" name="metier" class="obligatoire" /><br /> <br /> <label for="age">Age<span class="redd">*</span> :</label><br /> <input type="number" id="age" name="age" class="obligatoire" /><br /> <br /> <label for="nationalite">Nationalité<span class="redd">*</span> :</label><br /> <input type="text" id="nationalite" name="nationalite" class="obligatoire" /><br /> <br /> <label for="espece">Espèce<span class="redd">*</span> :</label><br /> <select id="espece" name="espece"> <option>Humain</option> <option>Humaine</option> <option>Vampire</option> <option>Sorcier</option> <option>Sorcière</option> <option>Loup-garou</option> <option>Hybride</option> </select><br /><br /> <label for="role">Rôle<span class="redd">*</span> :</label><br /> <select id="role" name="role"> <option>Scientifique</option> <option>Rafleur</option> <option>Rafleuse</option> <option>Résistant</option> <option>Résistante</option> </select><br /><br /> <h2> Description du personnage </h2> <label for="caractere">Ton caractère :</label><br /> <textarea placeholder="Raconte ici le caractère de ton personnage dans un petit texte à la personne de ton choix. Énumère les qualités et les défauts de ce dernier et fais-nous découvrir un peu plus ce nouveau petit personnage." id="caractere" name="caractere"></textarea><br /> <br /> <br /> <label for="espc">Ton espèce :</label><br /> <textarea placeholder="Raconte-nous ici de quelle espèce es-tu et parle-nous-en un peu plus. Explique-nous un peu plus en détail ton avis sur l'espèce de ton personnage." id="espc" name="espc"></textarea><br /> <br /> <br /> <label for="hist">Ton histoire :</label><br /> <textarea placeholder="Ici, tu nous raconteras l'histoire de ton personnage dans une biographie faisant au minimum 350 mots. Elle doit être rédigée par tes soins. Nous demandons une application à la rédaction afin de limiter les fautes d'orthographe. Si tu as un doute, tu peux te rendre sur le site Scribens (https://www.scribens.fr/) pour corriger tes fautes." id="hist" name="hist"></textarea><br /> <br /> <br /> <h2> Informations sur le joueur </h2> <label for="pseudo">Ton pseudo :</label><br /> <input type="text" id="pseudo" name="pseudo" /><br /> <br /> <label for="agehrp">Ton âge :</label><br /> <input type="text" id="agehrp" name="agehrp" /><br /> <br /> <label for="anRPG">Tes années RPG :</label><br /> <input type="text" id="anRPG" name="anRPG" /><br /> <br /> <label for="connu">Comment as-tu découvert le forum<span class="redd">*</span> ?</label><br /> <input type="text" id="connu" name="connu" class="obligatoire" /><br /> <br /> <label for="secret">Le code secret<span class="redd">*</span> :</label><br /> <input type="password" id="secret" name="secret" class="obligatoire" /><br /> <br /> <label for="discord">Désires-tu nous rejoindre sur Discord ?<span class="redd">*</span></label><br /><br /> <input type="radio" value="Oui" name="discord" class="obligatoire" />Oui <input type="radio" value="Non" name="discord" class="obligatoire" />Non<br /> <br /> <label for="dermot">Un dernier mot ?</label><br /> <input type="text" id="dermot" name="dermot" class="obligatoire" /><br /> <br /> <h2> Personnaliser la mise en page </h2> <label for="urlimghaut">URL de l'image du haut (500px par 200px) :</label><br /> <input type="text" value="https://sd-g1.archive-host.com/membres/up/f87a3112ce84343531472ee2cfc0e5acbca0a103/panchang.png" id="urlimghaut" name="urlimghaut" /><br /> <br /> <label for="citation">Une citation qui te tient à coeur :</label><br /> <input type="text" value="Petite citation" id="citation" name="citation" /><br /> <br /> <label for="phrase">Une petite phrase que ton perso pourrait dire :</label><br /> <input type="text" value="Petite phrase" id="phrase" name="phrase" /><br /> <br /> <label for="urlimgava">URL de l'image du personnage (200px par 320px) :</label><br /> <input type="text" value="https://www.zupimages.net/up/18/33/jg2o.jpeg" id="urlimgava" name="urlimgava" /><br /> <br /> <label for="urlimgbas">URL de l'image du joueur (100px par 100px) :</label><br /> <input type="text" value="https://images-ext-2.discordapp.net/external/IipZH5jizFoQIZs0XtOOHSoCIouj6eEFEW-5YzwYf-k/https/i.kym-cdn.com/photos/images/original/000/477/711/dda.gif?width=301&height=301" id="urlimgbas" name="urlimgbas" /><br /> <br /> <br /> <div style="text-align: center;"> <input type="reset" value="Rénitialiser le formulaire" name="reseta" /> <input type="submit" value="Prévisualiser le formulaire" name="preview" /> <input type="submit" value="Envoyer le formulaire" name="post" /> </div> <br /> <div class="credits"> Par <a target="_blank" href="http://www.never-utopia.com/u27">Onyx</a> de <a target="_blank" href="http://www.never-utopia.com">Never-Utopia</a>. </div> </form> </body> </html>

Il y a deux modifications versus votre code.

1) J'ai remplacé

Code:: NomForm.titre.value = "Présentation de " + NomForm.prenom.value + " " + NomForm.nom.value;

par

Code:: NomForm.subject.value = "Présentation de " + NomForm.prenom.value + " " + NomForm.nom.value;

et

2) J'ai remplacé

Code:: "<span class='prez_champ'>Le code secret :</span> [hide]" + NomForm.secret.value + "[/hide] "<span class='prez_champ'>Désires-tu nous rejoindre sur Discord ?</span> " + NomForm.discord.value + "<br />" + "<span class='prez_champ'>Un dernier mot ?</span> " + NomForm.dermot.value + "<br />"</div><div style='clear: both;'></div></div>" + "<div class='prez_credit'>Par <a href='http://www.never-utopia.com/u27' target='_blank'>Onyx</a> de <a href='http://www.never-utopia.com' target='_blank'>Never-Utopia</a>, inspiré de <a href='http://www.never-utopia.com/t43339-fiche-bois-sombre' target='_blank'>cette fiche</a> de Pastomaniac.</div></div></div>";

par

Code:: "<span class='prez_champ'>Le code secret :</span> [hide]" + NomForm.secret.value + "[/hide]<br />" + "<span class='prez_champ'>Désires-tu nous rejoindre sur Discord ?</span> " + NomForm.discord.value + "<br />" + "<span class='prez_champ'>Un dernier mot ?</span> " + NomForm.dermot.value + "<br /></div><div style='clear: both;'></div></div>" + "<div class='prez_credit'>Par <a href='http://www.never-utopia.com/u27' target='_blank'>Onyx</a> de <a href='http://www.never-utopia.com' target='_blank'>Never-Utopia</a>, inspiré de <a href='http://www.never-utopia.com/t43339-fiche-bois-sombre' target='_blank'>cette fiche</a> de Pastomaniac.</div></div></div>";

par Peanuts96 Dim 19 Aoû 2018 - 19:34

J'ai remplacé le code et tout fonctionne à merveille ! Merci beaucoup pour l'aide apportée !!

Formulaire de présentation impossible à poster