titinho-san | Bonjour,
j'ai un petit souci avec mon formulaire, en faite j'aimerais avoir une confirmation de validation de champs pour nom prénom adress message...etc mais qui s'affiche dans une div juste en bas de message mais au dessus du bouton envoyer et non à coté de chaque champs comme on peut le voir sur les formulaire en général, bien sur le message d'erreur qui apparaîtra sera celui du premier champs non rempli et non toutes les phrases
ex: si 1er champs et 2eme champs non rempli => message d'erreur pour le 1er champs
si 2eme et 3eme et 4eme champs non rempli => message d'erreur du 2eme champs....etc
et avec un contour des champs non rempli pour accentuer ce message d'erreur
(ça n'as rien à voir mais peut-on changer la couleur de la bordure qui apparaît quand on clic dans un champs ? faut-il utiliser du javascript ? car à la base c'est orange et c'est pas top !)
mon fichier traitement est-il correct ?
Voilà je vous remercie pour votre aide et vos conseils, je suis débutant soyez indulgents avec moi =)
J'aimerais vos avis et des réponses à ma question si ça existe sur ces points en particulier :
=> formulaire bien codé ?
=> validation javascript possible sur une seule div ?
=> le code post est-il bien approprié ?
Merci à tous
Voici le code de mon formulaire
Code :
- <form name='formulaire' action='traitement.php' method='post'>
- <table class="form">
- <tr><td>Nom : </td><td><input class="fchamps" name='nom' type='text' size='50'></td></tr>
- <tr><td>Prénom : </td><td><input class="fchamps" name='prenom' type='text' size='50'></td></tr>
- <tr><td>Email</td><td><input class="fchamps" name='email' type='text' size='50'></td></tr>
- <tr><td>Sujet</td><td><input class="fchamps" name='sujet' type='radio' value='renseignement' id='sujet1'><label for='sujet'>Renseignement</label><br>
- <input name='sujet' type='radio' value='probleme technique' id='sujet2'><label for='sujet2'>Projet d'Architeture</label><br>
- <input name='sujet' type='radio' value='partenariat' id='sujet3'><label for='sujet3'>Devis</label></td></tr>
- <tr><td>Message</td><td><textarea class="fchamps" name='texte' cols='40' rows='10'></textarea></td></tr>
- <tr><td></td><td>
- <input name='soumettre' type='submit' value='Soumettre'></td></tr>
- </table>
- </form>
|
Mon fichier traitement
Code :
- <?php
- $TO = "contact@******.fr";
- $h = "From: " . $TO;
- $message = "";
- while (list($key, $val) = each($HTTP_POST_VARS)) {
- $message .= "$key : $val\n";
- }
- mail($TO, $subject, $message, $h);
- Header("Location: http://www.*****.fr" );
- ?>
|
Mon fichier javascript que je dois rectifier
Code :
- function isValidEmailAddress(emailAddress) {
- var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
- if(reg.test(emailAddress))
- {
- return(true);
- }
- else
- {
- return(false);
- }
- }
-
-
- $(document).ready(function(){
-
-
- $("#contactButton" ).click(function(){
- valid=true;
- $("#Nom" ).css("border", "0" );
- $("#Prenom" ).css("border", "0" );
- $("#Email" ).css("border", "0" );
- $("#Message" ).css("border", "0" );
- $("#errorMessage" ).html('');
- msg="";
-
- if ($("#Nom" ).val()=="" ){
- $("#Nom" ).css("border", "#FF9900 2px solid" );
- valid=false;
- msg="Veuillez remplir le champ 'Nom'.";
- }
- if ($("#Prenom" ).val()=="" ){
- $("#Prenom" ).css("border", "#FF9900 2px solid" );
- valid=false;
- if(msg==''){msg="Veuillez remplir le champ 'Prenom'.";}
- }
- if ($("#Email" ).val()=="" ){
- $("#Email" ).css("border", "#FF9900 2px solid" );
- valid=false;
- if(msg==''){msg="Veuillez remplir le champ 'Email'.";}
- }
- else if(!isValidEmailAddress( $("#Email" ).val() ) ){
- $("#Email" ).css("border", "#FF9900 2px solid" );
- valid=false;
- if(msg==''){msg="Le champ Email est invalide.";}
- }
- if ($("#Message" ).val()=="" ){
- $("#Message" ).css("border", "#FF9900 2px solid" );
- valid=false;
- if(msg==''){msg="Veuillez remplir le champ 'Message'.";}
- }
-
- if (valid)
- {
- $("#Nom" ).css("border", "0" );
- $("#Prenom" ).css("border", "0" );
- $("#Email" ).css("border", "0" );
- $("#Message" ).css("border", "0" );
- $("#errorMessage" ).html('');
-
-
- $.ajax({
- type: "POST",
- url: "cible_contact.php",
- data: "nom="+$("#Nom" ).val()+"&prenom="+$("#Prenom" ).val()+"&mail="+$("#Email" ).val()+"&message="+$("#Message" ).val()+"&type="+$("#choix" ).val(),
-
-
- </script>
|
Autre code php étudié
Code :
- <?php
- sleep(1);
- if (isset($_POST) && !empty($_POST['nom']) && !empty($_POST['prenom']) && !empty($_POST['mail']) && !empty($_POST['message']) )
- {
- $nom = $_POST['nom'];
- $prenom = $_POST['prenom'];
- $mail = $_POST['mail'];
- $message = $_POST['message'];
- $subject = $_POST['type'];
- $TO = "****@****.com";
- $h = "From: " . $prenom . " " . $nom . "<" . $mail . ">";
-
- if (mail($TO, $subject, $message, $h))
- {
- echo'ok';
- }
- else
- {
- echo'ko';
- }
- }
- else
- {
- echo'ko';
- }
- ?>
|
|
