Sauver mes donne saisie d'un form HTML

Fermé

blazeeros Messages postés 3 Date d'inscription samedi 5 avril 2014 Statut Membre Dernière intervention 6 avril 2014 - 5 avril 2014 à 00:29
blaz32 Messages postés 155 Date d'inscription jeudi 27 juin 2013 Statut Membre Dernière intervention 28 août 2014 - 5 avril 2014 à 15:44

salu a toutes et a tous
voila j'ai un formulaire html que voici et je voudrais quand j'appuie sur le button enregistrer les donee saisie ( les ecrire ) dans un fichier text
merci de votre aide
voici mon form de saisie HTML


<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head> 
<body>
<form action="traitement" method="post">
    <div>
        <label for="nom">Nom :</label>
        <input type="text" id="nom" />
    </div>
    <div>
        <label for="courriel">Courriel :</label>
        <input type="email" id="courriel" />
    </div>

    <div>
        <label for="message">Message :</label>
        <textarea id="message"></textarea>
    </div>
    
    <div class="button">
        <button type="submit">Envoyer votre message</button>
    </div>
</form>


</body>

</html>

A voir également:

Sauver mes donne saisie d'un form HTML
Editeur html - Télécharger - HTML
Donne voiture cause décès - Forum Vos droits sur internet
Html download - Télécharger - HTML
Br html ✓ - Forum Webmastering
Image cliquable html ✓ - Forum Réseaux sociaux

3 réponses

Réponse 1 / 3

blaz32 Messages postés 155 Date d'inscription jeudi 27 juin 2013 Statut Membre Dernière intervention 28 août 2014 10
5 avril 2014 à 15:44

Pour de l'html vous pouvez faire comme ça :

fichier ou se trouve le formulaire :

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head> 
<body>
<form action="traitement.php" method="post" id="form">
<div>
<label for="nom">Nom :</label>
<input type="text" id="nom" />
<div>
<label for="courriel">Courriel :</label>
<input type="email" id="courriel" />
</div>
<div>
<label for="message">Message :</label>
<textarea id="message"></textarea>
</div>
<div class="button">
<input type="submit" class="submit">
</div>
</form>
<script>
	$('#form').submit(function(e){
		e.preventDefault(); 
		var form = $(this);
		form.find('.error-message').remove(); 
		form.find('.error').removeClass('error'); 
		$.post(form.attr('action'),{nom:$('#nom').val() , courriel:$('#courriel').val() , message:$('#message').val()}, function(data){
			if(data.errors){
				for(var d in data.errors){
					$('#'+d).addClass('error').parent().append('<span class="error-message">'+data.errors[d]+'</span>'); 
				}
			}else{
				form.fadeOut(500,function(){
					form.replaceWith('<div class="success">'+data.message+'</div>'); 
				});
			}
		},'json');
	});
</script>
</body>
</html>

(Le traitement se fait en ajax avec jquery...)

fichier traitement.php :

<?php
if(isset($_POST['nom']) || isset($_POST['message']) || isset($_POST['message'])){
	$conf = array(
	'success' => 'Merci de votre message !',
	'errname' => 'Vous devez entrer un nom',
	'errmail' => 'Vous devez entrer un email valide',
	'errmessage' => 'Vous devez entrer un message',
	'html'		=> '<div class="container"><span>Nom : '.$_POST['nom'].' </span><span>Courriel : '.$_POST['courriel'].' </span><span>Message : '.$_POST['message'].' </span></div>'
	);
	$d['errors'] = array();
	if(empty($_POST['nom'])){
		$d['errors']['nom'] = $conf['errname']; 
	}if(empty($_POST['courriel']) || !preg_match('#^[\w.-]+@[\w.-]+\.[a-zA-Z]{2,6}$#',$_POST['courriel'])){
		$d['errors']['courriel'] = $conf['errmail']; 
	}if(empty($_POST['message'])){
		$d['errors']['message'] = $conf['errmessage'];
	}if(empty($d['errors'])){
		$d['errors'] = false;
		$mail = $_POST['courriel'];
	 	$html = $conf['html'];
		$file = fopen('fichier.txt', 'a');
		fwrite($file, $html);
		fclose($file);
		$d['message'] = $conf['success'];
	}
	echo json_encode($d); 
}
?>

après, vous pouvez faire un require() du fichier txt pour afficher son contenu et/ou mettre en place un setInterval() en jquery pour auto-actualiser les messages postés...

Réponse 2 / 3

blaz32 Messages postés 155 Date d'inscription jeudi 27 juin 2013 Statut Membre Dernière intervention 28 août 2014 10
5 avril 2014 à 00:39

Pour les enregistrer ?
Sous quel forme, texte ou html ou autre ? (nom, email, message ; etc... ou <span>nom</span>, etc...) ?

Réponse 3 / 3

blazeeros Messages postés 3 Date d'inscription samedi 5 avril 2014 Statut Membre Dernière intervention 6 avril 2014
5 avril 2014 à 09:27

ce que je veux c'est que par exmple je veux quand j'ecris blase dans le pseudos et que apres japuie sur envoyer un fichier texte se crer en ecrivan dedant pseudo:blaze

Discussions similaires

Attention arnaque : don de camping-car

Je n' arrive pas a activer la saisie vocale

&nbsp ; Quelle Fonction ?

Espace en HTML

Comment donner accès à un Google Form sans compte Gmail

Discussions similaires

Newsletters