Problème de redirection formulaire HTML
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de redirection formulaire HTML
J'ai ouvert une page HTML avec ce code pour faire un formulaire.
Le soucis c'est que lorsque je clic sur "envoyer" le message suivant apparaît
Pourriez vous m'aider s'il vous plait?
Merci d'avance
- Code:
<style type="text/css">
<!--
.form {
font-size: 12px;
background-color:#919191;
width: 750px;
margin:auto;
}
fieldset{
background-color:#919191;
width: 600px;
border:1px solid lightgray;
margin:auto;
}
fieldset tr td{
padding:10px;
border:1px dashed #C72424;
border-width:1px 0 0 0;
}
legend {
background-color:#C72424;
font:22px verdana;
text-align:center;
padding:0px 20px;
color: #afafaf;
}
.left{
text-align:right;
font-size: 14px;
width:210px;
} -->
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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.prenom.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un prénom pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.loisirs.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser vos loisirs";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else if(form.impression.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "<strong><table style="margin: auto;padding:0px 20px;background-color: #919191;width: 600px;"><tr><td align="left">\n"
+ "<div style="margin:auto;text-align:center;width:100%"><img src="http://images3.wikia.nocookie.net/__cb20100908143161/monsterhunter/images/4/4c/KamuOrugaronAvatar.png" border="0" alt="" />\n\n"
+ "<span style="font-size: 24px; line-height: normal"><i><font color="#FFFFFF">Pseudo</font></i></span></div>\n\n"
+ "</td></tr><tr><td align="left" style="background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;">- Parle nous de toi</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "Prénom : " + form.prenom.value + "\n"
+ "Âge : " + form.age.value + " ans\n"
+ "Département : " + form.departement.value + "\n"
+ "</td></tr><tr><td align="left" style="background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;">- Tes loisirs</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "Loisirs : " + form.loisirs.value + "\n"
+ "Tu aimes : " + form.aime.value + "\n"
+ "Tu n'aimes pas : " + form.aimepas.value + "\n\n"
+ "</td></tr><tr><td align="left" style="background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;">- Le Forum</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "<a href="http://bit.ly/KcAZcS" class="postlink" target="_blank" rel="nofollow">Comment as-tu connu GTIPOWERS ? : </a>" + form.connais.value + "\n"
+ "Comment trouves-tu le Forum :" + form.impression.value + "\n"
+ "</td></tr><tr><td align="left" style="background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;">- Code du règlement</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "<a href="http://bit.ly/IFyh07" class="postlink" target="_blank" rel="nofollow">Ton opinion nous intéresse</a> :\n" + form.opinion.value + "\n\n"
+ "</td></tr></table></strong>";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "[" + form.pseudo.value + "] " + form.age.value + " ANS - ( " + form.departement.value + " ) - " + form.prenom.value;
return true;
}
}
</script><div class="form">
<form action="http://horde-orugaron.forumgratuit.org/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- 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="6" /> <!-- ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet -->
<input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME"/> <!-- titre du sujet -->
<br /><div style="http://images3.wikia.nocookie.net/__cb20100908143161/monsterhunter/images/4/4c/KamuOrugaronAvatar.png) no-repeat 80% 0%;height:50px;font: 27px Verdana; color: #531014; padding-top:40px;text-align:center;">Ma Présentation</div>
<br />
<br />
<fieldset>
<legend>En général</legend>
<table style="margin:auto;"><tr>
<td class="left"><label for="prenom">Quel est votre Prénom ?<br /><i>( Apparaitra dans le titre du sujet )</i></label></td>
<td><input type="text" name="prenom" id="prenom" size="40" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="age">Quel est votre âge ?</label></td>
<td><input type="text" name="age" id="age" size="3" maxlength="3" /> ans</td>
</tr><tr>
<td class="left"><label for="departement">Quel est votre Département ?</label></td>
<td><select name="departement" id="departement">
<option value="Non précisé">Sélectionner un département</option>
<option value="01">Ain (dép.01)</option>
<option value="02">Aisne (dép.02)</option>
<option value="03">Allier (dép.03)</option>
<option value="04">Alpes-de-Haute-Provence (dép.04)</option>
<option value="05">Hautes-Alpes (dép.05)</option>
<option value="06">Alpes-Maritimes (dép.06)</option>
<option value="07">Ardèche (dép.07)</option>
<option value="08">Ardennes (dép.08)</option>
<option value="09">Ariège (dép.09)</option>
<option value="10">Aube (dép.10)</option>
<option value="11">Aude (dép.11)</option>
<option value="12">Aveyron (dép.12)</option>
<option value="13">Bouches-du-Rhône (dép.13)</option>
<option value="14">Calvados (dép.14)</option>
<option value="15">Cantal (dép.15)</option>
<option value="16">Charente (dép.16)</option>
<option value="17">Charente-Maritime (dép.17)</option>
<option value="18">Cher (dép.18)</option>
<option value="19">Corrèze (dép.19)</option>
<option value="2A">Corse-du-Sud (dép.2A)</option>
<option value="2B">Haute-Corse (dép.2B)</option>
<option value="21">Côte-d'Or (dép.21)</option>
<option value="22">Côtes-d'Armor (dép.22)</option>
<option value="23">Creuse (dép.23)</option>
<option value="24">Dordogne (dép.24)</option>
<option value="25">Doubs (dép.25)</option>
<option value="26">Drôme (dép.26)</option>
<option value="27">Eure (dép.27)</option>
<option value="28">Eure-et-Loir (dép.28)</option>
<option value="29">Finistère (dép.29)</option>
<option value="30">Gard (dép.30)</option>
<option value="31">Haute-Garonne (dép.31)</option>
<option value="32">Gers (dép.32)</option>
<option value="33">Gironde (dép.33)</option>
<option value="34">Hérault (dép.34)</option>
<option value="35">Ille-et-Vilaine (dép.35)</option>
<option value="36">Indre (dép.36)</option>
<option value="37">Indre-et-Loire (dép.37)</option>
<option value="38">Isère (dép.38)</option>
<option value="39">Jura (dép.39)</option>
<option value="40">Landes (dép.40)</option>
<option value="41">Loir-et-Cher (dép.41)</option>
<option value="42">Loire (dép.42)</option>
<option value="43">Haute-Loire (dép.43)</option>
<option value="44">Loire-Atlantique (dép.44)</option>
<option value="45">Loiret (dép.45)</option>
<option value="46">Lot (dép.46)</option>
<option value="47">Lot-et-Garonne (dép.47)</option>
<option value="48">Lozère (dép.48)</option>
<option value="49">Maine-et-Loire (dép.49)</option>
<option value="50">Manche (dép.50)</option>
<option value="51">Marne (dép.51)</option>
<option value="52">Haute-Marne (dép.52)</option>
<option value="53">Mayenne (dép.53)</option>
<option value="54">Meurthe-et-Moselle (dép.54)</option>
<option value="55">Meuse (dép.55)</option>
<option value="56">Morbihan (dép.56)</option>
<option value="57">Moselle (dép.57)</option>
<option value="58">Nièvre (dép.58)</option>
<option value="59">Nord (dép.59)</option>
<option value="60">Oise (dép.60)</option>
<option value="61">Orne (dép.61)</option>
<option value="62">Pas-de-Calais (dép.62)</option>
<option value="63">Puy-de-Dôme (dép.63)</option>
<option value="64">Pyrénées-Atlantiques (dép.64)</option>
<option value="65">Hautes-Pyrénées (dép.65)</option>
<option value="66">Pyrénées-Orientales (dép.66)</option>
<option value="67">Bas-Rhin (dép.67)</option>
<option value="68">Haut-Rhin (dép.68)</option>
<option value="69">Rhône (dép.69)</option>
<option value="70">Haute-Saône (dép.70)</option>
<option value="71">Saône-et-Loire (dép.71)</option>
<option value="72">Sarthe (dép.72)</option>
<option value="73">Savoie (dép.73)</option>
<option value="74">Haute-Savoie (dép.74)</option>
<option value="75">Paris (dép.75)</option>
<option value="76">Seine-Maritime (dép.76)</option>
<option value="77">Seine-et-Marne (dép.77)</option>
<option value="78">Yvelines (dép.78)</option>
<option value="79">Deux-Sèvres (dép.79)</option>
<option value="80">Somme (dép.80)</option>
<option value="81">Tarn (dép.81)</option>
<option value="82">Tarn-et-Garonne (dép.82)</option>
<option value="83">Var (dép.83)</option>
<option value="84">Vaucluse (dép.84)</option>
<option value="85">Vendée (dép.85)</option>
<option value="86">Vienne (dép.86)</option>
<option value="87">Haute-Vienne (dép.87)</option>
<option value="88">Vosges (dép.88)</option>
<option value="89">Yonne (dép.89)</option>
<option value="90">Territoire de Belfort (dép.90)</option>
<option value="91">Essonne (dép.91)</option>
<option value="92">Hauts-de-Seine (dép.92)</option>
<option value="93">Seine-Saint-Denis (dép.93)</option>
<option value="94">Val-de-Marne (dép.94)</option>
<option value="95">Val-d'Oise (dép.95)</option>
</select></td>
</tr></table>
</fieldset><br />
<fieldset>
<legend>Vos loisirs</legend>
<table style="margin:auto;"><tr>
<td class="left"><label for="loisirs">Loisirs :</label></td>
<td><textarea name="loisirs" id="loisirs" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="aime">Tu aimes ? :</label></td>
<td><textarea name="aime" id="aime" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="aimepas">Tu n'aimes pas ?</label></td>
<td><textarea name="aimepas" id="aimepas" cols="35" rows="2"></textarea></td>
</tr></table>
</fieldset><br />
<fieldset><legend>Le forum</legend>
<table style="margin:auto;text-align:center;"><tr>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu<br /> la horde de l'orugaron ?</label></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="impression">Vos premières impressions<br />sur ce forum ?</label></td>
<td><textarea class="itextarea" name="impression" id="impression" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="opinion">Code caché du règlement<br/>
<a href="http://horde-orugaron.forumgratuit.org/t1-le-reglement-de-la-horde" TARGET='_blank'>Cliquer ici pour le lire</a> : </label></td>
<td><textarea class="itextarea" name="opinion" id="opinion" cols="35" rows="6"></textarea></td>
</tr></table>
</fieldset><br />
<fieldset><legend>Création du post</legend>
<center><span style="color:red;" id="errormsg"></span><br />
<label ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span></label><br /><br />
<input type="submit" name="post" value="Créer !"></center>
</fieldset><br />
</form></div>
Le soucis c'est que lorsque je clic sur "envoyer" le message suivant apparaît
Et dans la page ouverte, absolument rien n'a été saisiVous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
Pourriez vous m'aider s'il vous plait?
Merci d'avance
Dernière édition par Pierre43 le Dim 3 Fév 2013 - 12:26, édité 1 fois
Re: Problème de redirection formulaire HTML
Moi sa ma fait pareil, bienvenue au club ...
Re: Problème de redirection formulaire HTML
Bon apparemment j'ai trouvé d'où viens le problème.
Ca viens simplement du CSS qui invalide les formulaires incomplet.
J'ai changé pour un format bien plus simple et ça marche niquel
De toute façon ce CSS est parfaitement inutile vu que le formulaire refuse d'envoyer de lui même les fiches incomplètes.
Je met en résolu
Ca viens simplement du CSS qui invalide les formulaires incomplet.
- Code:
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.prenom.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un prénom pour le titre du sujet";
return false;
}
else if(form.age.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
return false;
}
else if(form.loisirs.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser vos loisirs";
return false;
}
else if(form.connais.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
return false;
}
else if(form.impression.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else
J'ai changé pour un format bien plus simple et ça marche niquel
- Code:
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>Fiche d'identité de :</strong> " + form.pseudo.value + '\n'
+ "<strong>Mon Prénom :</strong> " + form.prenom.value + '\n'
+ "<strong>J'ai :</strong> " + form.age.value + " ans" + '\n'
+ "<strong>J'habite à :</strong> " + form.departement.value + '\n'
+ "<strong>Je manie :</strong> " + form.arme.value + '\n'
+ "<strong>Mes points forts :</strong> " + form.atouts.value + '\n'
+ "<strong>Mes points faibles :</strong> " + form.faible.value + '\n'
+ "<strong>Mes passions :</strong> " + form.passion.value + '\n'
+ "<strong>J'ai connu votre site sur :</strong> " + form.ou.value + '\n'
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Presentation de " + form.pseudo.value;
}
</script>
<center><font size=4><b>Veuillez remplir le formulaire de présentation suivant:</b></font></center><br/><br/>
<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" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="78" />
<label for="pseudo"><font size=4><b>Pseudo Forum :</b></font></label><br/>
<input type="text" name="pseudo" id="pseudo" value=" " size="50" maxlength="100" />
<br/><br/>
<label for="prenom"><font size=4><b>Prénom IRL :</b></font></label><br/>
<input type="text" name="prenom" id="prenom" value=" " size="50" maxlength="100" />
<br/><br/>
<label for="age"><font size=4><b>Age IRL :</b></font></label><br/>
<input type="text" name="age" id="age" value=" " size="10" maxlength="100" />
<br/><br/>
<label for="departement"><font size=4><b>Quel est votre Département ?</b></font></label><br/>
<textarea name="departement" id="departement" rows="3" cols="150"> </textarea>
<br/><br/>
<label for="ou"><font size=4><b>Quel(s) arme(s) maniez vous ?</b></font></b></font></label><br />
<textarea name="arme" id="arme" rows="3" cols="150"> </textarea>
<br/><br/>
<label for="atouts"><font size=4><b>Atouts in-game ? :</b></font></label><br />
<textarea name="atouts" id="atouts" rows="3" cols="150"> </textarea>
<br/><br/>
<label for="faible"><font size=4><b>Défauts in-game ? :</b></font></label><br />
<textarea name="faible" id="faible" rows="3" cols="150"> </textarea>
<br/><br/>
<label for="passion"><font size=4><b>Vos passions :</b></font></label><br />
<textarea name="passion" id="passion" rows="3" cols="150"> </textarea>
<br/><br/>
<label for="ou"><font size=4><b>Où avez-vous connu notre site d'astuces ?</b></font></b></font></label><br />
<textarea name="ou" id="ou" rows="3" cols="150"> </textarea>
<br/><br/>
<input type="submit" name="post" value="Valider ma fiche de présentation">
</form>
De toute façon ce CSS est parfaitement inutile vu que le formulaire refuse d'envoyer de lui même les fiches incomplètes.
Je met en résolu
Sujets similaires
» Problème de code html (formulaire)
» probléme script formulaire html
» Probléme code formulaire sur page HTML
» Problème HTML formulaire menu déroulant select
» Redirection sur une page après l'envoi d'un formulaire
» probléme script formulaire html
» Probléme code formulaire sur page HTML
» Problème HTML formulaire menu déroulant select
» Redirection sur une page après l'envoi d'un formulaire
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum