FORUM D’ENTRAIDE INFORMATIQUE (FEI)
Site d’assistance et de sécurité informatique

Débutant besoin d'aide car manque code html pour formulaire de contact

Règles du forum : Entraide concernant la programmation informatique en général, tous langages : recherche ou correction d'un code ou d'une fonction, aide à la réalisation d'un projet...
Pour la programmation web (HTML, CSS, PHP, MySQL...), il est conseillé de s'orienter dans le forum Webmastering.
Merci de lire et de respecter la charte générale du forum.

Répondre

Afin d’empêcher la création automatisée de comptes, nous vous demandons de réussir le défi ci-contre.
Smileys
:D :) :-) ;) :| :( :cry: :cheers: :hourra: :mv: :lol: :mdr: :bonjour: :hello: :jap: :siffle: :bisou: :P :o :x :roll: :good: :bad: :super: :reflexion: :suspect: :? :oops: :peur: :zen: :boude: :bug:

Revue du sujet : Débutant besoin d'aide car manque code html pour formulaire de contact Étendre la vue

Re: Débutant besoin d'aide car manque code html pour formulaire de contact

par KeRR_@ » ven. 26 août 2016 16:38
Bonjour,
Alors, voilà une page très diférente de celle de ton code mais j'ai tout mis dedans pour ne pas te perdre ^^.
En plus il peut bugger chez toi.
Le formulaire de validation de la photo mais moi cela me dépasse encore -> http://www.bitrepository.com/how-to-val ... pload.html
Il peut encore continuer sur la page de démonstration(voir plus bas).
Les icones de chez bootstrap -> https://getbootstrap.com/2.3.2/base-css.html#buttons
Merci à toi ;) .
Code : Tout sélectionner
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Index de ton forum</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- Le styles -->
    <link  rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
    <style>
	html  body {
	background-color: lightblue;
    font-family: 'Roboto', sans serif;
    font-size: 20px;
    text-align: center;
      }
	  
     .header{
	margin-top: -29px;	
	}
	
	* input{
	text-align: center;	
	}

	 .prenom{
	border-radius: 25px;			 
	 width: 400px;
	 height:35px;
	}
	
	.span2, input{
	width: 260px;
	border-radius: 25px;
	}
	 .sujet{
	border-radius: 25px;
	width:360px;
	height:45px;
	}
	
	.form_actions {
	background-color:transparent;
	padding-left:0;
	margin-left:0;
	padding-bottom:0
	}
	
	  .foto{
	border-radius: 25px;
	width: 270px;
	height:35px;
	}

   .NbrTelehone{
	border-radius: 25px;
	width: 250px;
	height:35px;	
	}

	.textarea{
	padding: 10px;
	width: 490px;
	height:220px;
	border-radius: 35px;
	}

      .input field1{
	padding: 10px;
	width: 16px;
	height: 16px;
	}
    </style>  
	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->
  </head>
  <body>
	  <header>

 <div class="header">
 <img  src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTvaLHgd3zP7GFyo8s_zJbUTOOABWZiiVIeKTMsXZ1UZV6rg4zE"  alt="sea" style="width:1204px;height:120px;";>
</div>
</header>
    <div class="container">
 <?php 
 if(!empty($_POST)){
	$errors = array(); 
	// Champ Prénom
	 if(empty($_POST['prenom']) || !preg_match('/^[a-zA-Z]+$/' ,  $_POST['prenom'])){
		$errors['prenom'] = "Votre prénom n'est pas valide";
	 }
	     // Champ E-mail
	 	 if(empty($_POST['email']) || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)){
			 
		 $errors['email'] = "Votre E-mail n'est pas valide";
		 }
		 
		 //// Champ Numéro du téléphne
		 if(empty($_POST['NbrTelehone']) || !preg_match('/^[0-9]+$/' ,  $_POST['NbrTelehone'])){
		$errors['NbrTelehone'] = "Votre numéro de téléphone n'est pas complet ou pas valide"; 
		 }
               var_dump($errors);
              } 
 /*
 * Vérifier le fichier image avec vos paramètres
 Check for a correct extension. The image file hasn't an extension? Add one
 */
   if(!$validation_type == 1)
   {
   $file_info = getimagesize($_FILES['image_file']['tmp_name']);
 
      if(empty($file_info)) // No Image?
      {
      $errors = "Le fichier n'est pas une image.";
      }
      else // An Image?
      {
      $file_mime = $file_info['mime'];
 
         if($ext == 'jpc' || $ext == 'jpx' || $ext == 'jb2')
         {
         $extension = $ext;
         }
         else
         {
         $extension = ($mime[$file_mime] == 'jpeg') ? 'jpg' : $mime[$file_mime];
         }
 
         if(!$extension)
         {
         $extension = '';
         $file_name = str_replace('.', '', $file_name);
         }
      }
	  var_dump($errors);
   }
 ?>
	  <div class="control-group">
		 <form action="contact.php" method="POST"><!-- Page contact.php pour que les données soient envoyés sur cette page-->
		  <div class="form-group">
		<label for="prenom">Prénom  :</label>	<br/><!-- Champ du Prénom -->
		  <input type="text" name="prenom" class="prenom" required/>
		 </div>
      <div class="control-group">
		<label class="control-label" for="inputIcon">E-mail   :</label><!-- Champ de l'email  -->
			<div class="input-prepend">
				<span class="span2" > <i class="glyphicon glyphicon-envelope"></i></span>
					<input class="span2" id="inputIcon" type="text" required/>
       </div>
      </div>
	 <br/>
	 <div class="form-group">
	<label class="sujet"for="sujet">Sujet   :</label><!-- Titre du sujet  -->
	<br/>
	<input type="text" name="sujet" class="sujet" required/>
 </div>
    <div class="control-group">
					<label class="control-label" for="inputIcon">Numéro de Téléphone  :</label><br/><!-- Le champ du     téléphone faudrait trouver comment valider
					  Si vous souhaitez l'avoir un numéro d'une ligne fixe pour mobile.
					  Là, cela me dépasse ^^
					-->
					
					 <div class="input-prepend">
					 <span class="span3" > <i class="glyphicon glyphicon-phone-alt"></i></span>
					 <input type="text" name="NbrTelehone" class="NbrTelehone" required/>
					<span style="display:block;font-size:80%">(Merci d'entrer votre numéro de téléphone sous la forme:  0000000000)</span>
			   </div><br/><br/>
        <label class="votremessage" for="votremessage">Votre message  :</label><br/><!-- Le champ du paragraphe je pense  -->
        <textarea class="textarea"  name="votremessage" id="votremessage" value="" placeholder="Votre message ici"></textarea> </div>
		
		<br/><br/>
		<div class="control-group">
					<label class="control-label" for="inputIcon">Votre photo :</label><br/>
				<!--Leformulaire pour uploader l'image chez la personne-->
				<div class="input-prepend">
				 <span class="span4" > <i class=" glyphicon glyphicon-user"></i></span>
				<input type="text" name="NbrTelehone" class="NbrTelehone" required/><br/>
				<form class="formFile" enctype="multipart/form-data" action="validate_image_upload.php" method="POST">
					 
				<!-- MAX_FILE_SIZE must be set before the input element -->
				<input type="hidden" name="MAX_FILE_SIZE" value="2048000" /><br/>
				 
				<!-- The name from the $_FILES array is determined by the input name -->
				&nbsp;&nbsp;&nbsp;&nbsp;<label class="control-label" for="inputIcon"><input name="image_file" type="file" /> </label>
				
         </div>
		<input class="field1" type="checkbox" name="field1" value="certifiplusde18ans">Je certifie sur l'honneur être majeur, âgé de plus de 18 ans</label>
		<label class="field1">
  </div>
			 <hr/>
       <div class="form_actions">
          <button type="submit" class="btn btn-primary" onClick="dosubmit( this.form )">Envoyer</button>&nbsp;&nbsp;&nbsp;<button type="reset" class="btn">Effacer</button>  </div>
       </form> 
   </div>
    </div> <!-- /container -->
  </body>

Re: Débutant besoin d'aide car manque code html pour formulaire de contact

par Galaxya » ven. 26 août 2016 09:54
Salut ^^,

Merci de ta réponse,

C'est pour rendre un service, je suis pas dans la programmation à la base (j'suis cuisinier), d'habitude j'utilise des CMS, donc c'est juste des modules à mettre.

Là comme c'est du codage pur, forcément c'est pas la même lol.

Je manque de temps pour aller apprendre du php juste pour un formulaire de contact, je vais essayé de bidouillé et que ça fonctionne.. .

Merci,

Re: Débutant besoin d'aide car manque code html pour formulaire de contact

par KeRR_@ » jeu. 25 août 2016 23:32
Bonjour Galaxya

Merci à toi mais je suis dans le même cas que toi, je débute avec PHP/Mysql et j'avance très lentement :roll:
Mais , il ne faut surtout pas s'arrêter à la 1ere difficultée au contraire cela te permet de mieux comprendre le language.

J'ai suivis ce tuto -> https://openclassrooms.com/courses/buil ... 5-and-css3
et celui-ci aussi-> https://openclassrooms.com/courses/conc ... p-et-mysql
Avec les videos celui-ci est simple et tu peux comprendre comment cela fonctionne -> https://www.youtube.com/watch?v=YNbPMm08jcw

Re: Débutant besoin d'aide car manque code html pour formulaire de contact

par Galaxya » jeu. 25 août 2016 12:29
Bonjour KeRR_@

Merci de ta réponse,

J'ai repris ce formulaire de contact en cours de route, et je manque de connaissance pour le terminer correctement.

J'aurai bien fait appel à codeur.com mais j'ai pas trop confiance, il y aurait possibilité que tu le complète via rémunération si besoin ?

Cordialement,

Re: Débutant besoin d'aide car manque code html pour formulaire de contact

par KeRR_@ » mer. 24 août 2016 20:25
Bonjour,

Avant toutes choses, si je peux me permettre.

Il faudrait que tu crées un fichier " LenomdetonFichiere.css " pour ton désigne même basic ou avec les balises style dans le head.
Code : Tout sélectionner
<!DOCTYPE html >
<html>
<head>
<meta  charset="UTF-8"/>
<link rel="stylesheet" href="formcss.css" title="formcss.css">
<title>Mon formulaire</title>
<style type="text/css">
<!--Ton code css ici, jamais au milieu du code html sauf certain cas-->
</style>
</head>
<body>
Et surtout bien séparer le code " PHP " du cu code " HTML5 "

Dans ton code, tu n'as pas envoyé ton formulaire pour le Traitement / Vérifications de tes champs.
Code : Tout sélectionner
 <form name="F4FV3e2TP" id="F4FV3e2TP"  method="POST" action="Lien_de_la_page_pour_le_traitement_formulaire " target="_top" enctype="multipart/form-data">
Tu as bien spécifié que les données soient envoyées avec la methode POST mais tu ne dis pas ou ils vont attérrir ^^.

Débutant besoin d'aide car manque code html pour formulaire de contact

par Galaxya » mer. 24 août 2016 13:57
Bonjour,

J'ai ce formulaire de contact correspondant à cette page mais quand on clic sur le bouton " Envoyer " en bas du formulaire il ne se passe rien. Je souhaiterai qu'une fois qu'on clic sur le bouton " Envoyer " le mail parte avec un petit message juste en dessous disant " Le message a bien été envoyer ".

Voici le formulaire :
Code : Tout sélectionner
  </span>
</h1>
<div class="twpara-row row-fluid">
  <div id="4FV3e2TP" class="span10 offset1 tw-para ">
    <div class="pobj obj-before">
      <form name="F4FV3e2TP" id="F4FV3e2TP"  method="POST" action="" target="_top" enctype="multipart/form-data">
        <input type="hidden" name="f2mlang" value="fr">
        <input type="hidden" name="f2msitelang" value="fr">
        <input type="hidden" name="f2memail" value="contact@henry-voyance-magnetisme-lourdes.fr">
        <input type="hidden" name="f2memail_exp" value="">
        <input type="hidden" name="f2msubj" id="Contact" value="Contact">
        <input type="hidden" name="f2murl" value="http://www.henry-voyance-magnetisme-lourdes.fr/index.html">
        <label class="required" for="prenom">Prénom:</label>
        <input type="text" name="prenom" id="prenom" value="" maxlength="20" class="input-xxlarge" required pattern="^[A-Za-z]*$" title="Champ Prénom: : seuls les caractères alphabétiques sont autorisés !">
        <label for="email">e-mail :</label>
        <input type="email" name="email" id="email" value="" class="input-medium" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" title="Champ e-mail : doit contenir une adresse email valide !">
        <label class="required" for="sujet">Sujet:</label>
        <select name="sujet" style="width:260px;" required>
          <option value="envoyermaphoto" selected>Envoyer ma photo</option>
          <option value="autresdemandes">Autres demandes</option>
        </select>
        <label class="required" for="numerodetelephone">Numéro de Téléphone:</label>
        <input type="text" name="numerodetelephone" id="numerodetelephone" value="" maxlength="10" class="input-medium" required pattern="^[A-Za-z0-9]*$" title="Champ Numéro de Téléphone: : seuls les caractères alphabétiques et numériques sont autorisés !">
        <span style="display:block;font-size:80%">(Merci d'entrer votre numéro de téléphone sous la forme:  0000000000)</span>
        <label class="required" for="votremessage">Votre message:</label>
        <textarea name="votremessage" id="votremessage" value="" rows="10" class="input-xxlarge" required></textarea>
        <label for="votrephotolecasecheant">Votre photo le cas échéant:</label>
        <input type="hidden" name="MAX_FILE_SIZE" value="2048000">
        <input type="hidden" name="f2muploadmode" value="1">
        <input type="hidden" name="f2mauthext" value="">
        <input type="file" name="FilenameUpload" id="FilenameUpload" style="display:none">
        <div class="input-append">
          <input type="text" id="FilenameUploadProxyEdit" class="input-medium" readonly>
          <a class="btn" id="FilenameUploadProxyBtn">
            <i class="fa fa-file"><!----></i>
          </a>
        </div>
        <label class="required" for="field"></label>
        <label class="checkbox"><input type="checkbox" name="field_1" value="jecertifiesurlhonneuretremajeuragedeplusde18ans">Je certifie sur l'honneur être majeur, âgé de plus de 18 ans</label>
          <div class="form-actions" style="background-color:transparent;padding-left:0;margin-left:0;padding-bottom:0">
          <button type="button" class="btn btn-primary" onClick="dosubmit( this.form )">Envoyer</button>&nbsp;<button type="reset" class="btn">Effacer</button>
        </div>
      </form>
    </div>
  </div>
</div>
</div>
Quelqu'un pourrait me donner un coup de main svp ?

Merci bien,
désinstaller sophos

Bonjour, Je m'appelle Didier et je vais tenter de[…]

404 non trouvé L'URL demandée n'a pa[…]

Healthcare system and drugs

The healthcare system constantly evolves, introduc[…]

Hi everyone, I’m struggling with staying pr[…]