Personnalisation d'un formulaire

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

Résolu Personnalisation d'un formulaire

Message par rs_popeye le Mar 26 Mar 2013 - 23:38

Bonsoir,

Je viens de créer un formulaire (en piochant à droite et à gauche) qui est fonctionnel, dont voici le code :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";

var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";

// Créer un message à partir des informations fournies
var txt_message = " Candidature de :" + form.pseudo.value
+ "\n\nPseudo : " + form.pseudo.value
+ "\nPseudo dans le jeu :  " + form.pseudo2.value
+ "\nDate de naissance :  " + form.date.value
+ "\nJe suis de :  " + form.localisation.value
+ "\n\nJe postule pour :  " + genre
+ "\nMon ancienneté sur ce FPS :  " + form.anciennete.value
+ "\nMes anciennes teams sur ce fps :  " + form.team.value
+ "\n\nMon expérience sur les FPS en ligne :  " + form.experience.value
+ "\nLes valeurs que je peux aporter au team :  " + form.valeurs.value
+ "\nJ'ai choisi les Royal Satanik pour :  " + form.choix.value
+ "\nMes autres FPS en ligne :  " + form.fps.value
+ "\nInformations complémentaires :  " + form.divers.value
+ "\n\nJ'accepte le règlement du team :  " + regle;

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Candidature  + pseudo) :
form.subject.value = "Candidature de " + form.pseudo.value;
}
</script>
</head>
<body>
<form class="contour" 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="1" />

<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="pseudo2">Pseudo dans le jeu :</label><br />
<textarea name="pseudo2" id="pseudo2" rows="1" style="width:100%" placeholder="Si différent de celui du forum"></textarea>
<br /><br />

<label for="date">Date de naissance :</label><br />
<textarea name="date" id="date" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="localisation">Localisation</label><br />
<textarea name="localisation" id="localisation" rows="1" style="width:100%" placeholder="Indique ton département"></textarea>
<br /><br />

<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />

<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />

<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />

<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>

Mais je souhaiterai apporter une modification sur les points suivants :
- changer la couleur des réponses par du bleu afin de bien les différencier du formulaire une fois ce dernier envoyé
- obliger le membre à remplir certains champs tel que ceux du pseudo, de la date de naissance et de la localisation.
- créer un message d'alerte afin de le prévenir de renseigner les champs obligatoire

N'étant pas doué avec les langages utilisés, je sollicite votre aide.

Cordialement.


Dernière édition par rs_popeye le Mer 27 Mar 2013 - 23:36, édité 1 fois

rs_popeye
****

Masculin
Messages : 248
Inscrit(e) le : 05/06/2011

http://royal-satanik.forumgratuit.org/
rs_popeye a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation d'un formulaire

Message par Kaff le Mer 27 Mar 2013 - 15:45

Bonjour,

pouvez-vous tester ceci ?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";
 
var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";
 
// Créer un message à partir des informations fournies
var txt_message = " Candidature de :"  form.pseudo.value
  "\n\n[b]Pseudo :[/b] "  form.pseudo.value
  "\n[b]Pseudo dans le jeu :[/b]  "  form.pseudo2.value
  "\n[b]Date de naissance :[/b]  "  form.date.value
  "\n[b]Je suis de :[/b]  "  form.localisation.value
  "\n\n[b]Je postule pour :[/b]  "  genre
  "\n[b]Mon ancienneté sur ce FPS :[/b]  "  form.anciennete.value
  "\n[b]Mes anciennes teams sur ce fps :[/b]  "  form.team.value
  "\n\n[b]Mon expérience sur les FPS en ligne :[/b]  "  form.experience.value
  "\n[b]Les valeurs que je peux aporter au team :[/b]  "  form.valeurs.value
  "\n[b]J'ai choisi les Royal Satanik pour :[/b]  "  form.choix.value
  "\n[b]Mes autres FPS en ligne :[/b]  "  form.fps.value
  "\n[b]Informations complémentaires :[/b]  "  form.divers.value
  "\n\n[b]J'accepte le règlement du team :[/b]  "  regle;
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
 
// Créer un titre de sujet dynamiquement (Candidature    pseudo) :
form.subject.value = "Candidature de "  form.pseudo.value;
}
</script>
</head>
<body>
<form class="contour" 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="1" />
 
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input name="pseudo" type="text" required/>
<br /><br />
 
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input name="pseudo2" type="text" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
 
<label for="date">Date de naissance :</label><br />
<input name="date" type="text" required></textarea>
<br /><br />
 
<label for="localisation">Localisation</label><br />
<input name="localisation" type="text" placeholder="Indique ton département" required></textarea>
<br /><br />
 
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />
 
<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<input name="anciennete" type="text"></textarea>
<br /><br />
 
<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />
 
<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />
 
<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />
 
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />
 
<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
 
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
 
<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
 
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>

Kaff
*

Messages : 30
Inscrit(e) le : 19/03/2013

http://les-wazmoket.forumperso.com/
Kaff a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation d'un formulaire

Message par Scoubifitz le Mer 27 Mar 2013 - 18:43

bonsoir,

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var pseudo = form.pseudo.value;
var pseudo2 = form.pseudo2.value;
var date = form.date.value;
var localisation = form.localisation.value;
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";

var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if( pseudo == "" || date == ""  || localisation == "" )
{
document.getElementById("errormsg").innerHTML = "Merci de remplir tous les champs.";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : " + pseudo
+ "\nPseudo dans le jeu : [color=steelblue]" + pseudo2 + "[/color]"
+ "\nDate de naissance : [color=steelblue]" + date + "[/color]"
+ "\nJe suis de : [color=steelblue]" + localisation + "[/color]"
+ "\n\nJe postule pour : [color=steelblue]" + genre + "[/color]"
+ "\nMon ancienneté sur ce FPS : [color=steelblue]" + form.anciennete.value + "[/color]"
+ "\nMes anciennes teams sur ce fps : [color=steelblue]" + form.team.value + "[/color]"
+ "\n\nMon expérience sur les FPS en ligne : [color=steelblue]" + form.experience.value + "[/color]"
+ "\nLes valeurs que je peux aporter au team : [color=steelblue]" + form.valeurs.value + "[/color]"
+ "\nJ'ai choisi les Royal Satanik pour : [color=steelblue]" + form.choix.value + "[/color]"
+ "\nMes autres FPS en ligne : [color=steelblue]" + form.fps.value + "[/color]"
+ "\nInformations complémentaires : [color=steelblue]" + form.divers.value + "[/color]"
+ "\n\nJ'accepte le règlement du team : [color=steelblue]" + regle + "[/color]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Candidature  + pseudo) :
form.subject.value = "Candidature de " + form.pseudo.value;
return true;
}
}
</script>
</head>
<body>
<form class="contour" 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" />
<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="1" />

<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="pseudo2">Pseudo dans le jeu :</label><br />
<textarea name="pseudo2" id="pseudo2" rows="1" style="width:100%" placeholder="Si différent de celui du forum"></textarea>
<br /><br />

<label for="date">Date de naissance :</label><br />
<textarea name="date" id="date" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="localisation">Localisation</label><br />
<textarea name="localisation" id="localisation" rows="1" style="width:100%" placeholder="Indique ton département"></textarea>
<br /><br />

<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />

<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />

<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />

<span style="color:red;" id="errormsg"></span><br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Personnalisation d'un formulaire

Message par rs_popeye le Mer 27 Mar 2013 - 20:33

Bonsoir Kaff et Scoubitiz,

Merci de vous pencher sur mon problème de code.
Je viens d'essayer les deux que vous me proposez et aucun ne fonctionne, je m'explique :
- Celui de Kaff fait bien apparaître un message d’erreur si on ne rempli pas un champ obligatoire.
Mais si on rempli tous les champs, le message n'ait pas créé, un message d'erreur apparaît :
Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
- Celui de Scoubititz, il ne fait pas de message d'erreur si on ne rempli pas un champ obligatoire.
Même si on rempli tous les champs j'ai le même message d'erreur que celui de Kaff, à savoir
Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.

J'ai bien tenté de modifier vos codes, mais mon niveaux ne me permet pas d'y arriver.

Cordialement.

rs_popeye
****

Masculin
Messages : 248
Inscrit(e) le : 05/06/2011

http://royal-satanik.forumgratuit.org/
rs_popeye a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation d'un formulaire

Message par Scoubifitz le Mer 27 Mar 2013 - 22:44

le code de Kaff utilise des "required" pour rendre les champs de textes obligatoires . le message d'erreur s'affiche directement sur le champ , si vous utilisez un navigateur à jour .

il a placé des balises de gras dans le script d'envoi , mais a effacé les " + " avant les valeurs . de plus les "textarea" ont été remplacés par des "input" , mais en laissant les balises fermantes des "textarea" .

le code que je propose affiche un message d'erreur juste au dessus du bouton d'envoi .

mon code est fonctionnel , mais il se peut que le copié-collé ait des problèmes (remplacement du BBcode par du Html dans le script) ...

on réessaie ? :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var pseudo = form.pseudo.value;
var pseudo2 = form.pseudo2.value;
var date = form.date.value;
var localisation = form.localisation.value;
var genre = "";
if(form.choixfps[0].checked === true)
genre = "Romustrike";
else if(form.choixfps[1].checked === true)
genre = "Aliance of Valiant Arms";
var regle = "";
if(form.reglement[0].checked === true)
regle = "Oui";
else if(form.reglement[1].checked === true)
regle = "Non";
  /* Refuser l'envoi si un des champs suivants est vide */
if( pseudo === "" || date === ""  || localisation === "" )
{
document.getElementById("errormsg").innerHTML = "Merci de remplir tous les champs.";
return false;
}
else
{
  /* Créer un message à partir des informations fournies */
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : " + pseudo
+ "\nPseudo dans le jeu : [co"+"lor=steelblue]" + pseudo2 + '[/color]'
+ "\nDate de naissance : [co"+"lor=steelblue]" + date + '[/color]'
+ "\nJe suis de : [co"+"lor=steelblue]" + localisation + '[/color]'
+ "\n\nJe postule pour : [co"+"lor=steelblue]" + genre + '[/color]'
+ "\nMon ancienneté sur ce FPS : [co"+"lor=steelblue]" + form.anciennete.value + '[/color]'
+ "\nMes anciennes teams sur ce fps : [co"+"lor=steelblue]" + form.team.value + '[/color]'
+ "\n\nMon expérience sur les FPS en ligne : [co"+"lor=steelblue]" + form.experience.value + '[/color]'
+ "\nLes valeurs que je peux aporter au team : [co"+"lor=steelblue]" + form.valeurs.value + '[/color]'
+ "\nJ'ai choisi les Royal Satanik pour : [co"+"lor=steelblue]" + form.choix.value + '[/color]'
+ "\nMes autres FPS en ligne : [co"+"lor=steelblue]" + form.fps.value + '[/color]'
+ "\nInformations complémentaires : [co"+"lor=steelblue]" + form.divers.value + '[/color]'
+ "\n\nJ'accepte le règlement du team : [co"+"lor=steelblue]" + regle + '[/color]';

  /* Insère le texte construit dans le champ caché "message" du formulaire */
form.message.value = txt_message;

  /* Créer un titre de sujet dynamiquement (Candidature  + pseudo) */
form.subject.value = "Candidature de " + form.pseudo.value;
return true;
}
}
</script>
</head>
<body>
<form class="contour" 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" />
<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="1" />

<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="pseudo2">Pseudo dans le jeu :</label><br />
<textarea name="pseudo2" id="pseudo2" rows="1" style="width:100%" placeholder="Si différent de celui du forum"></textarea>
<br /><br />

<label for="date">Date de naissance :</label><br />
<textarea name="date" id="date" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="localisation">Localisation</label><br />
<textarea name="localisation" id="localisation" rows="1" style="width:100%" placeholder="Indique ton département"></textarea>
<br /><br />

<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />

<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="1" style="width:100%"></textarea>
<br /><br />

<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />

<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />

<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />

<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />

<span style="color:red;" id="errormsg"> </span><br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Personnalisation d'un formulaire

Message par Kaff le Mer 27 Mar 2013 - 23:16

En effet il doit y avoir un problème au niveau du copier/coller car je n'ai pas supprimé les "+".

Chez moi le script que j'ai posté fonctionne.

Je réessaye le copier/coller.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";
 
var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";
 
// Créer un message à partir des informations fournies
var txt_message = " Candidature de :" + form.pseudo.value
+ "\n\n <strong>Pseudo :</strong> " + form.pseudo.value
+ "\n<strong>Pseudo dans le jeu :</strong>  " + form.pseudo2.value
+ "\n<strong>Date de naissance :</strong>  " + form.date.value
+ "\n<strong>Je suis de :</strong>  " + form.localisation.value
+ "\n\n<strong>Je postule pour :</strong>  " + genre
+ "\n<strong>Mon ancienneté sur ce FPS :</strong>  " + form.anciennete.value
+ "\n<strong>Mes anciennes teams sur ce fps :</strong>  " + form.team.value
+ "\n\n<strong>Mon expérience sur les FPS en ligne :</strong>  " + form.experience.value
+ "\n<strong>Les valeurs que je peux aporter au team :</strong>  " + form.valeurs.value
+ "\n<strong>J'ai choisi les Royal Satanik pour :</strong>  " + form.choix.value
+ "\n<strong>Mes autres FPS en ligne :</strong>  " + form.fps.value
+ "\n<strong>Informations complémentaires :</strong>  " + form.divers.value
+ "\n\n<strong>J'accepte le règlement du team :</strong>  " + regle;
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
 
// Créer un titre de sujet dynamiquement (Candidature  + pseudo) :
form.subject.value = "Candidature de " + form.pseudo.value;
}
</script>
</head>
<body>
<form class="contour" 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="1" />
 
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input name="pseudo" type="text" required/>
<br /><br />
 
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input name="pseudo2" type="text" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
 
<label for="date">Date de naissance :</label><br />
<input name="date" type="text" required></textarea>
<br /><br />
 
<label for="localisation">Localisation</label><br />
<input name="localisation" type="text" placeholder="Indique ton département" required></textarea>
<br /><br />
 
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />
 
<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<input name="anciennete" type="text"></textarea>
<br /><br />
 
<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />
 
<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />
 
<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />
 
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />
 
<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
 
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
 
<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
 
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>

Kaff
*

Messages : 30
Inscrit(e) le : 19/03/2013

http://les-wazmoket.forumperso.com/
Kaff a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation d'un formulaire

Message par rs_popeye le Mer 27 Mar 2013 - 23:36

Re,

Merci à vous deux, vos codes fonctionnent correctement à présent.
Je vais retenir celui de Scoubifitz, il a incorporé un changement de couleur pour différencier la réponse de la question sur le message généré.

Encore merci.

Cordialement.

rs_popeye
****

Masculin
Messages : 248
Inscrit(e) le : 05/06/2011

http://royal-satanik.forumgratuit.org/
rs_popeye a été remercié(e) par l'auteur de ce sujet.

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


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