Problème de code html (formulaire)

2 participants

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

Résolu Problème de code html (formulaire)

Message par Testeur94 Sam 06 Juil 2013, 21:32

Bonsoir à tous, j'ai un petit soucis avec un formulaire que j'ai crée
Concernant la mise en page, j'arrive à avoir réellement ce que je veux, mais quand je remplie le formulaire et que je le valide un sujet devrait automatiquement être créer et envoyer vers le sous forum adéquate, mais ce n'est pas le cas

Donc à la validation du formulaire, 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."

Comment résoudre ce petit souci ?

Voici le code
Code:
<style type="text/css">
.form {
font-size: 12px;
width: 750px;
margin-left:auto;
margin-right:auto;
}
fieldset{
background-color:#806D5A;
width: 550px;
margin-left:auto;
margin-right:auto;
}
fieldset tr td{
padding:12px;
border:3px dashed #BABABA;
border-width:1px 0 0 0;
}
legend {
background-color:#806D5A;
font-family: Comic Sans MS;
text-align:center;
padding-left:20px;
padding-right:20px;
color: #531014;
font-size: 24px;
}
.left{
text-align:right;
width:200px;
}
</style>
<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.Titre.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le titre du sujet";
return false;
}
else if(form.organisation.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner le nom de l'organisation !";
return false;
}
else if(form.propriétaire.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le nom du propriétaire";
return false;
}
else if(form.saccage.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le mode du saccage";
return false;
}
else if(form.Nbrapparts.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le nombre d'apparts saccagés";
return false;
}
else if(form.Nomappart.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser le nom de l'appart saccagé";
return false;
}
else if(form.infiltration.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser le temps de l'infiltration";
return false;
}
else if(form.commentaire.value == "")
{
document.getElementById("errormsg").innerHTML = "Un petit commentaire...";
return false;
}
else if(form.screenavant.value == "")
{
document.getElementById("errormsg").innerHTML = "N'oubliez pas le screen avant";
return false;
}
else if(form.screenaprès.value == "")
{
document.getElementById("errormsg").innerHTML = "N'oubliez pas le screen après";
return false;
}
else
{

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

var txt_message =[center]"<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>De Graph\' Passion</span>" + '\n'
+ "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Ma Présentation</span></div>"  + '\n' + '\n'

+ "[b]Nom de l'organisation : [/b]" + form.organisation.value + '\n'
+ "[b]Nom du propriétaire: [/b]" + form.proprietaire.value + '\n'
+ "[b]Mode du saccage : [/b]" + form.saccage.value + '\n'
+ "[b]Nombre d'apparts saccagés : [/b]" + form.Nbrapparts.value + '\n'
+ "[b]Nom de l'appartement : [/b]" + form.nomappart.value + '\n'
+ "[b]Teamps de l'infiltration : [/b]";+ form.infiltration.value + '\n'
+ "[b]Commentaire : [/b]" + form.commentaire.value + '\n'
+ "[spoiler=Avant]"  + form.screenavant.value + "[/spoiler] \n "
+ "[spoiler=Apres]" + form.screenapres.value + "[/spoiler][/center]";


// Insère le texte construit dans le champ caché "message" du formulaire

form.message.value = txt_message;
form.subject.value =  form.Titre.value;
return true;
}
}
</script>
<div class="form">
<form action="http://123jetest.forumactif.org/posting.forum" 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="3" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->


<fieldset><legend>En général</legend>

<table><tr>
<td class="left"><label for="Titre">Titre du sujet : <br /></label></td>
<td><input type="text" name="Titre" id="Titre" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="organisation">Nom de l'organisation :</label></td>
<td><input type="text" name="organisation" id="organisation" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="propriotaire">Nom du propriétaire :</label></td>
<td><input type="text" name="proprietaire" id="proprietaire" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="saccage">Mode de saccage :</label></td>
<td><textarea name="saccage" id="mode saccage" cols="35" rows="4"></textarea></td>
</tr>

<tr>
<td class="left"><label for="Nbrapparts">Nombre d'apparts saccagés : </label></td>
<td><input type="text" name="Nbrapparts" id="Nbrapparts" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="Nomappart">Nom de l'appartement : </label></td>
<td><input type="text" name="Nomappart" id="Nomappart" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="infiltration">Temps de l'infiltration : </label></td>
<td><input type="text" name="infiltration" id="infiltration" size="40" maxlength="30" /></td>
</tr>

<tr>
<td class="left"><label for="commentaire">Commentaire :</label></td>
<td><textarea name="commentaire" id="commentaire" cols="35" rows="4"></textarea></td>
</tr>
</table>
</fieldset>

<fieldset><legend>Screens</legend>

<table><tr>
<td class="left"><label for="screenavant">Screen avant : <br /> </label></td>
<td valign="bottom"><input type="text" name="screenavant" id="screenavant" size="40" maxlength="30"/></td>
</tr>

<tr>
<td class="left"><label for="screenapres">Screen Après :<br /> </label></td>
<td valign="bottom"><input type="text" name="screenapres" id="screenapres" size="40" maxlength="30"/></td>
</tr>
</table>
</fieldset>



<fieldset><legend>Création du post</legend>
<center><br><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="Poster le saccage !"><br>
</fieldset>
</form></div>
Merci de votre aide d'avance.


Dernière édition par Testeur94 le Jeu 11 Juil 2013, 05:34, édité 1 fois
avatar

Testeur94
Nouveau membre

Messages : 12
Inscrit(e) le : 06/07/2013

http://123jetest.forumactif.org/
Testeur94 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code html (formulaire)

Message par Testeur94 Lun 08 Juil 2013, 19:07

UP !
Personne pour y jeter un p'tit coup d’œil ?
avatar

Testeur94
Nouveau membre

Messages : 12
Inscrit(e) le : 06/07/2013

http://123jetest.forumactif.org/
Testeur94 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code html (formulaire)

Message par Scoubifitz Mar 09 Juil 2013, 12:34

bonjour,

corrigé rapide :

Code:
   <style type="text/css">
    .form {
    font-size: 12px;
    width: 750px;
    margin-left:auto;
    margin-right:auto;
    }
    fieldset{
    background-color:#806D5A;
    width: 550px;
    margin-left:auto;
    margin-right:auto;
    }
    fieldset tr td{
    padding:12px;
    border:3px dashed #BABABA;
    border-width:1px 0 0 0;
    }
    legend {
    background-color:#806D5A;
    font-family: Comic Sans MS;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    color: #531014;
    font-size: 24px;
    }
    .left{
    text-align:right;
    width:200px;
    }
    </style>
    <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.Titre.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le titre du sujet";
    return false;
    }
    else if(form.organisation.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner le nom de l'organisation !";
    return false;
    }
    else if(form.proprietaire.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le nom du propriétaire";
    return false;
    }
    else if(form.saccage.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le mode du saccage";
    return false;
    }
    else if(form.Nbrapparts.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentioner le nombre d'apparts saccagés";
    return false;
    }
    else if(form.Nomappart.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser le nom de l'appart saccagé";
    return false;
    }
    else if(form.infiltration.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser le temps de l'infiltration";
    return false;
    }
    else if(form.commentaire.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Un petit commentaire...";
    return false;
    }
    else if(form.screenavant.value == "")
    {
    document.getElementById("errormsg").innerHTML = "N'oubliez pas le screen avant";
    return false;
    }
    else if(form.screenapres.value == "")
    {
    document.getElementById("errormsg").innerHTML = "N'oubliez pas le screen après";
    return false;
    }
    else
    {

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

    var txt_message ="[center]<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Time New Roman; color: #BABABA; text-transform: uppercase;'>De Graph\' Passion</span>" + '\n'
    + "<span style='font-size: 29px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;'>Ma Présentation</span></div>"  + '\n' + '\n'

    + "[b]Nom de l'organisation : [/b]" + form.organisation.value + '\n'
    + "[b]Nom du propriétaire: [/b]" + form.proprietaire.value + '\n'
    + "[b]Mode du saccage : [/b]" + form.saccage.value + '\n'
    + "[b]Nombre d'apparts saccagés : [/b]" + form.Nbrapparts.value + '\n'
    + "[b]Nom de l'appartement : [/b]" + form.Nomappart.value + '\n'
    + "[b]Teamps de l'infiltration : [/b]";+ form.infiltration.value + '\n'
    + "[b]Commentaire : [/b]" + form.commentaire.value + '\n'
    + "[spoiler=Avant]"  + form.screenavant.value + "[/spoiler] \n "
    + "[spoiler=Apres]" + form.screenapres.value + "[/spoiler][/center]";


    // Insère le texte construit dans le champ caché "message" du formulaire

    form.message.value = txt_message;
    form.subject.value =  form.Titre.value;
    return true;
    }
    }
    </script>
    <div class="form">
    <form action="/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="3" /> <!--  ID du forum dans lequel le message sera posté -->
    <input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->


    <fieldset><legend>En général</legend>

    <table><tr>
    <td class="left"><label for="Titre">Titre du sujet : <br /></label></td>
    <td><input type="text" name="Titre" id="Titre" size="40" maxlength="30" /></td>
    </tr>

    <tr>
    <td class="left"><label for="organisation">Nom de l'organisation :</label></td>
    <td><input type="text" name="organisation" id="organisation" size="40" maxlength="30" /></td>
    </tr>

    <tr>
    <td class="left"><label for="proprietaire">Nom du propriétaire :</label></td>
    <td><input type="text" name="proprietaire" id="proprietaire" size="40" maxlength="30" /></td>
    </tr>

    <tr>
    <td class="left"><label for="saccage">Mode de saccage :</label></td>
    <td><textarea name="saccage" id="mode saccage" cols="35" rows="4"></textarea></td>
    </tr>

    <tr>
    <td class="left"><label for="Nbrapparts">Nombre d'apparts saccagés : </label></td>
    <td><input type="text" name="Nbrapparts" id="Nbrapparts" size="40" maxlength="30" /></td>
    </tr>

    <tr>
    <td class="left"><label for="Nomappart">Nom de l'appartement : </label></td>
    <td><input type="text" name="Nomappart" id="Nomappart" size="40" maxlength="30" /></td>
    </tr>

    <tr>
    <td class="left"><label for="infiltration">Temps de l'infiltration : </label></td>
    <td><input type="text" name="infiltration" id="infiltration" size="40" maxlength="30" /></td>
    </tr>

    <tr>
    <td class="left"><label for="commentaire">Commentaire :</label></td>
    <td><textarea name="commentaire" id="commentaire" cols="35" rows="4"></textarea></td>
    </tr>
    </table>
    </fieldset>

    <fieldset><legend>Screens</legend>

    <table><tr>
    <td class="left"><label for="screenavant">Screen avant : <br /> </label></td>
    <td valign="bottom"><input type="text" name="screenavant" id="screenavant" size="40" maxlength="30"/></td>
    </tr>

    <tr>
    <td class="left"><label for="screenapres">Screen Après :<br /> </label></td>
    <td valign="bottom"><input type="text" name="screenapres" id="screenapres" size="40" maxlength="30"/></td>
    </tr>
    </table>
    </fieldset>

    <fieldset><legend>Création du post</legend>
    <center><br><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="Poster le saccage !" /></center><br>
    </fieldset>
    </form></div>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code html (formulaire)

Message par Testeur94 Mar 09 Juil 2013, 14:19

Un grand merci pour ton aide Scoubifitz , cependant quand j'envoie le formulaire
j'ai cette erreur qui apparaît : "Une erreur navigateur est survenue [Erreur #230], veuillez contacter le support technique."
avatar

Testeur94
Nouveau membre

Messages : 12
Inscrit(e) le : 06/07/2013

http://123jetest.forumactif.org/
Testeur94 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code html (formulaire)

Message par Scoubifitz Mer 10 Juil 2013, 19:48

la réponse : ici !What a Face 
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code html (formulaire)

Message par Testeur94 Jeu 11 Juil 2013, 05:33

Merci à toi Smile
Ce problème est donc résolu !
avatar

Testeur94
Nouveau membre

Messages : 12
Inscrit(e) le : 06/07/2013

http://123jetest.forumactif.org/
Testeur94 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