Sauver mes donne saisie d'un form HTML
blazeeros
Messages postés
4
Statut
Membre
-
blaz32 Messages postés 179 Statut Membre -
blaz32 Messages postés 179 Statut Membre -
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
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
- Saisie gestuelle iphone - Guide
- Editeur html - Télécharger - HTML
- Saisie vocale whatsapp - Accueil - Messagerie instantanée
- Saisie vocale sms - Guide
- Gboard saisie vocale - Accueil - Applications & Logiciels
3 réponses
Pour de l'html vous pouvez faire comme ça :
fichier ou se trouve le formulaire :
(Le traitement se fait en ajax avec jquery...)
fichier traitement.php :
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...
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...
