Formulaire contact

totocece -
mocoye Messages postés 73 Date d'inscription Statut Membre Dernière intervention - 30 janv. 2015 à 14:16

Bonjour, je souhaiterais avoir votre aide. J'ai réalisé pour notre club un p'tit site en HTML.
Et j'aurais bien voulu rajouter un formulaire avec choix du destinataire.

Nom:
Pernom:
Email:
tel:
contacter: (choix du contact)
comment nous avez vous connue ?(choix)
(test des cases remplies)

Certe, ça parait simple pour certain, mais pour moi c'est une prise de tete.
Et j'ai beau chercher sur internet je ne trouve aucune source aproprié.
Surtout pour le choix du contact.
Encore une fois je suis pas développeur et c'est juste pour un club.

MERCI D'AVANCE !!! ^_^

Afficher la suite

A voir également:

Formulaire contact php
Whatsapp formulaire opposition - Guide
Formulaire de réclamation facebook - Guide
Formulaire de reclamation instagram - Guide
Easy php - Télécharger - Divers Web & Internet
Recuperer contact carte sim - Guide

13 réponses

Réponse 1 / 13

crapoulou Messages postés 28195 Date d'inscription Statut Modérateur, Contributeur sécurité Dernière intervention 8 013

Salut,
Le site du zéro explique cela très bien :

Comment créer un formulaire

Rappel sur les balises du formulaire et ajout de code PHP

Réponse 2 / 13

Mike

Il nous faut un peu plus de détails.

En ce qui concerne le choix du contact, tu comptes proposé une liste déroulante avec le nom des personnes que l'on peut contacter c'est bien ca ?

Tu as écris '(test des cases remplies) '.
Tu veux que l'on test que toutes les cases ont été remplie ?

Et que veux tu faire ensuite de se formulaire ?
Tu veux recevoir un mail avec les infos, ou juste les enregistrer quelque part ?.

Réponse 3 / 13

Mike

Sinon pour le formulaire ça donnerait un truc comme ça :

<form>
<table>
	<tr>
		<td>
			Nom :
		</td>
		<td>
			<input type='text' name='nom' value=''>
		</td>
	</tr>
	<tr>
		<td>
			Prénom :
		</td>
		<td>
			<input type='text' name='prenom' value=''>
		</td>
	</tr>
	<tr>
		<td>
			Email :
		</td>
		<td>
			<input type='text' name='email' value=''>
		</td>
	</tr>
	<tr>
		<td>
			Tel :
		</td>
		<td>
			<input type='text' name='tel' value=''>
		</td>
	</tr>
	<tr>
		<td>
			Contacter :
		</td>
		<td>
			<select>
				<option>machin@free.Fr</option>
				<option>truc@hotmail.fr</option>
				<option>michel@wanadoo.fr</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>
			comment nous avez vous connue ?
		</td>
		<td>
			<textarea name="text" COLS="40" ROWS="5"></textarea>
		</td>
	</tr>
</table>
</form>

Réponse 4 / 13

informateex Messages postés 53 Date d'inscription Statut Membre Dernière intervention

Salut,
<input type="text"name="zonenom"> <br> 'pour le nom
<input type="text" name="zoneprenom"><br>'pour le prenom
<input type="text" name="mail"> <br>
<input type="text" name="ntel"> <br>
Contacter : <br>
<select name="Contact">
<option value="nom1">Nom1</option>
<option value="nom2">Nom2</option>
<option value="nomN">NomN</option>
</select> <br>
Comment nous avez-vous connue?: <br>
<select name="connaissance">
<option value="question1">Question1</option>
<option value="question2">question2</option>
<option value="questionN">questionN</option>
</select> <br>
<input type="submit" value="Tester zone nom" onclick="x()">

-------------------' Test des formulaires-----------

<script language="javascript">
function x() {
if (zonenom =="") {
Alert('Zone nom n'est pas remplie');
}
}
</script>
---------------------------------A tester--------------------------------
Je pense que c'est çà que tu recherche ? et je pense tout de même que ca marchera.
Bonne chance et bonne continuation.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 13

totocece

Bonjour, et merci de repondre aussi vite !!

Mike :
Le menu déroulant serait très bien, on est trois à s'occuper du site (un organisateur des tournois, moi qui fait le site internet et qui s'occupe des inscription du club qui est gratuit !!! et en troisieme s'occupe des sponsors)

Oui j'aimerais aussi qu'avant l'envoie on test si tout est bien remplie, surtout le mail.

Le formulaire est pour informer les trois responsables, et non pour divulguer les informations. ça n'est pas du tout notre intention.

C'est pour ça que si j'avais le cripts complet, on pourrait vite finir le site.

crapoulou : j'ai vu le site, mais il n'y a rien sur le choix du contact... snif !!
Et faut-il absolument du php ?? ce qui veut dire serveur php ??

crapoulou Messages postés 28195 Date d'inscription Statut Modérateur, Contributeur sécurité Dernière intervention 8 013

- Qu'appelles-tu le choix du contact ? Une liste déroulante ?

- Le PHP sera à mon avis inévitable pour envoyer le mail de contact quelque part ou stocker les informations dans une base de données.

Réponse 6 / 13

totocece

MERCI !! je test ça tout de suite !!
Je vous tiens au courrant !!

Pour la base de donné, je pense pas que se soit utile, sauf si on fait une news letter...

je vais d'abord tester ça !!

merci ^^

Réponse 7 / 13

totocece

Mike, j'ai coller ça dans un fichier.html, mais il n'y a pas de bouton....
faut que je trouve comment faire !!! T_T

Informateex : j'ai fait pareil... mais la page est vide !...
c'est bien entre les body ?? non ?

Réponse 8 / 13

Mike

<tr>
<td>
<input type='submit' name='envoyer' value='Valider'/>
</td>
</tr>

rajoute ca avant la balise </table> (c'est-à-dire entre </tr> et </table>)

Bon je vais un peu te macher le travail en te faisant un script pour vérifier que tout les informations sont remplis.

Réponse 9 / 13

Mike

Et hop un petit script tout bien mâché :

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Formulaire</title>
<script>
function verif()
{
	if(!verif_nom())
		return false;
	if(!verif_prenom())
		return false;
	if(!VerifMail())
		return false;
	if(!verif_tel())
		return false;
	return true;
}

function VerifMail()
{
	a = document.formu.email.value;
	valide1 = false;
	
	for(var j=1;j<(a.length);j++)
	{
		if(a.charAt(j)=='@')
		{
			if(j<(a.length-4))
			{
				for(var k=j;k<(a.length-2);k++)
				{
					if(a.charAt(k)=='.') 
						valide1=true;
				}
			}
		}
	}
	
	if(valide1==false)
	{
			alert("Veuillez saisir une adresse email valide !");
			document.formu.email.focus();
	}
	return valide1;
}

function verif_tel()
{
// Definition du motif a matcher
	var regex = new RegExp(/^(01|02|03|04|05|06|08|09)[0-9]{8}/gi);

// Definition de la variable booleene match
	var match = false;

// Test sur le motif
	if(regex.test(document.formu.tel.value))
	{
		match = true;
	}
	else
	{
		alert("Numero de telephone invalide");
		document.formu.tel.focus();
		match = false;
	}

// On renvoie match
	return match;
}

function verif_nom ()
{
	var reg_alphab = /^[A-Za-z]+$/;
	if (!(reg_alphab.exec(document.formu.nom.value)!=null))
	{
		alert("Le nom n'est pas au format valide !");
		document.formu.nom.focus();
		return(false);
	}
	return (true);
}

function verif_prenom ()
{
	var reg_alphab = /^[A-Za-z]+$/;
	if (!(reg_alphab.exec(document.formu.prenom.value)!=null))
	{
		alert("Le prenom n'est pas au format valide !");
		document.formu.prenom.focus();
		return(false);
	}
	return (true);
}
</script>
</head>

<body>

<form name='formu' method='POST' onsubmit = 'return verif();'>
<table>
	<tr>
		<td>
			Nom :
		</td>
		<td>
			<input type='text' name='nom' value=''>
		</td>
	</tr>
	<tr>
		<td>
			Prénom :
		</td>
		<td>
			<input type='text' name='prenom' value=''>
		</td>
	</tr>
	<tr>
		<td>
			Email :
		</td>
		<td>
			<input type='text' name='email' value=''>
		</td>
	</tr>
	<tr>
		<td>
			Tel :
		</td>
		<td>
			<input type='text' name='tel' value='' onClick='verif()'>
		</td>
	</tr>
	<tr>
		<td>
			Contacter :
		</td>
		<td>
			<select>
				<option>machin@free.Fr</option>
				<option>truc@hotmail.fr</option>
				<option>michel@wanadoo.fr</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>
			comment nous avez vous connue ?
		</td>
		<td>
			<textarea name="text" COLS="40" ROWS="5"></textarea>
		</td>
	</tr>
	<tr>
		<td>
			<input type='submit' name='partager' value='Valider'>
		</td>
	</tr>
</table>
</form>
</body>
</html>

Bon ce script il vérifie que tes champ soit bien remplis, il fait même certain teste comme regarder pour le numéro de tél si celui-ci est composé de 10 chiffre etc.
Par contre l'ai mis en dure les nom des champs dans les fonctions javascript j'avais la flemme donc si tu change les nom fait gaff.

Par contre si tu valide le formulaire se faire rien d'autre car il te faut PHP pour que tes infos récupérées est un intérêt.

Réponse 10 / 13

totocece

OK MIKE !!!
Je viens juste de le voir.... JE TESTE CA TOUT DE SUITE !!

MERKI !!!!!!!!! ^^

Réponse 11 / 13

totocece

Pour les tests c'est trop cool !!
Il faut que j'étudie tous ça !!

Hors par contre... j'ai mis mon email comme test, et je reçois rien !?

y a t il un truc à faire en particulier ??

Je sais... je fini par etre lourd !!

néanmoins mille mercis, surtout à toi Mike !!

crapoulou Messages postés 28195 Date d'inscription Statut Modérateur, Contributeur sécurité Dernière intervention 8 013

Par contre si tu valide le formulaire se faire rien d'autre car il te faut PHP pour que tes infos récupérées est un intérêt.

Il te faudra le php et la fonction "mail".

Mike

Comme l'a souligné 'crapoulou', tu aura besoin du php et de la fonction mail.
Sais-tu si le server ou tu travail dispose de php (je pense que oui) ?

totocece

FONCTION PHP ?? pfffffff la poisse !!
merci de l'info

Mike

Après ce n'est pas dure, tu as juste à faire un test voir si ton formulaire a été validé et s'il a été validé, alors tu appel la fonction mail(), avec les paramètres qu'il faut à l'intérieur et le tour est joué.

(Par contre il faut faire attention de l'usage que tu veux faire de se formulaire, car n'importe quel petit plaisantin pourrait avoir envi de rafraichir ta page une fois qu'elle est validée dans le but de spammer ta boite mail).

Réponse 12 / 13

totocece

HOULA LAAA !!
la galere, il faut en plus que je regarde en plus pour securiser mon formulaire...

et en plus je dois trouver un serveur php... donc la page dois etre en php ?

Et on trouve ça ou des code securité ??

Réponse 13 / 13

mocoye Messages postés 73 Date d'inscription Statut Membre Dernière intervention 6

Bonjour,

Etant à la recherche d'un formulaire de contact sécurisé, je viens de reprendre ce post qui m'a bien aidé, cependant en faisant les modifs pour pouvoir assurer l'envoi, j'ai ajouté la fonction "action", j'ai perdu la vérif des données, donc pour résumé soit mon formulaire est vérifié et ne part pas, soit il part mais sans vérification.

je joins ci-après mais codes :

     <form onsubmit = 'return verif();' action="mail.php" method="post" name="lecontact" id="form">
<table>
 <tr>
  <td>
   Nom :
  </td>
  <td>
   <input type='text' name='nom' value=''>
  </td>
 </tr>
 <tr>
  <td>
   Prénom :
  </td>
  <td>
   <input type='text' name='prenom' value=''>
  </td>
 </tr>
 <tr>
  <td>
   Mail :
  </td>
  <td>
   <input type='text' name='mail' value=''>
  </td>
 </tr>
 <tr>
  <td>
   Tel :
  </td>
  <td>
   <input type='text' name='tel' value='' onClick='verif()'>
  </td>
 </tr>
 <tr>
  <td>
   Structure :
  </td>
  <td>
   <input type='text' name='structure' value=''>
  </td>
 </tr>
 <tr>
  <td>
   Message :
  </td>
  <td>
   <textarea name="message" COLS="40" ROWS="5"></textarea>
  </td>
 </tr>
 <tr>
  <td>
   <input type='submit' name='partager' value='Valider'>
  </td>
 </tr>
</table>
</form>




<?php 

/* Récupération des données du formulaire */
 $nom=$_POST["nom"];
 $prenom=$_POST["prenom"];
 $mail=$_POST["mail"];
 $telephone=$_POST["tel"];
 $societe=$_POST["structure"];
 $message=$_POST["message"];
 
/**************************Mise en forme du message *******************************/

  $headers="From: $prenom $nom <$mail>\n";
  $headers.='Content-Type: text/html; charset="utf-8"'."\n";
  $headers .='Content-Transfer-Encoding: 8bit'; 

/**************************Mail de réception ************************************                         a changer   */
  $destinataire="laetitia.lejeau@gmail.com";
  
/**************************Objet du message *******************************/  
  $sujet="[Demande de contact]";
  
   

  $contenu.="<br/>************ Vous venez de reçevoir une demande de contact. **************<br/><br/>";
  $contenu.="<br/>************ Voici les informations personnelles de la personne **************<br/>";
  $contenu.="<br/>Nom : $nom <br/>";
  $contenu.="<br/>Prénom : $prenom <br/>";
  $contenu.="<br/>Email : $mail <br/>";
  $contenu.="<br/>Tel : $telephone <br/>";
  $contenu.="<br/>Voici le message: $message <br/>";

   
  
if(mail($destinataire,$sujet,$contenu,$headers)){
 
   ?>

   <?php
  }else{
   ?>
   <script language="javascript">
   <!--
   alert("Une erreur s'est produite lors de l'envoi du message");
   -->

   </script>
   <?php 
  
 }
?>

Si quelqu'un peut m'aider ce serait vraiment génial, car je galère depuis des jours pour trouver ce type de page.

Merci d'avance.

Laetitia

Discussions similaires

Contact LEBONCOIN

Contacter le "bon coin"

contacter le bon coin

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Comment supprimer un contact

Votre réponse

Discussions similaires