Problème de redirection formulaire HTML

2 participants

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

Résolu Problème de redirection formulaire HTML

Message par Pierre43 Sam 2 Fév 2013 - 19:49

J'ai ouvert une page HTML avec ce code pour faire un formulaire.
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
Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
Et dans la page ouverte, absolument rien n'a été saisi Sad

Pourriez vous m'aider s'il vous plait?
Merci d'avance Smile


Dernière édition par Pierre43 le Dim 3 Fév 2013 - 12:26, édité 1 fois
Pierre43

Pierre43
**

Masculin
Messages : 51
Inscrit(e) le : 24/04/2012

http://horde-orugaron.forumactif.com/
Pierre43 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de redirection formulaire HTML

Message par yoan77 Dim 3 Fév 2013 - 3:44

Moi sa ma fait pareil, bienvenue au club ... Smile
avatar

yoan77
*

Messages : 35
Inscrit(e) le : 01/07/2011

http://cis-pontault77.forumpro.fr
yoan77 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de redirection formulaire HTML

Message par Pierre43 Dim 3 Fév 2013 - 12:23

Bon apparemment j'ai trouvé d'où viens le problème.
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 clown
Pierre43

Pierre43
**

Masculin
Messages : 51
Inscrit(e) le : 24/04/2012

http://horde-orugaron.forumactif.com/
Pierre43 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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