Problème de code html (formulaire)

[Testeur94]

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.

[Testeur94]

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

[Scoubifitz]

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>

[Testeur94]

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."

[Scoubifitz]

la réponse : ici ! 

[Testeur94]

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