Validation du formulaire en php et jQuery

08 janv. 2011, 11:38

Bonjour,

Je voudrais faire une validation du formulaire en php et jQuery, du fait de verifier les champs en php et afficher soit l'erreur ou bien le succes en jQuery:

<head>
<script language="javascript" src="jquery.js"></script>

</head>
<?php
//if(IsSet($_POST['send']))
//				{
					
					$nom = $_POST['nom'];
					echo 'mon nom est: '.$nom.'<br>';

if ($nom == '')
{
echo '<script type="text/javascript">

$(document).ready(function(){
	$("#send").click(function(){
		valid = true;
			$("#nom").css("border-color", "#FF0003");
			$("#erreur").fadeIn().html("<b>Veuillez entrer votre nom!</b>");
			
			valid = false;
            
            });
            });
    
    </script>';
}
else
{
	echo 'tou va bien';
}
//}
					
//					else
	//				{
						

?>

<form action="#" id="myForm" method="post">
    <p>
        <label for="nom">Nom</label><span class="erreur"></span><br />
        <input id="nom" name="nom" type="text" />
    </p>
    <p>
        <label for="message">Message</label><br />
        <textarea cols="20" id="message" name="message" rows="5"></textarea>
    </p>
    <p>
        <input type="submit" name="send" value="Envoyer" />
    </p>
</form>
<?php
					//}
?>

merci pour votre aide

08 janv. 2011, 11:59

Cela n'est pas possible.
Car php intervient coté serveur et donc bien avant le jquery.
La vérification php ne peut intervenir qu'après validation du formulaire et pas pendant qu'il est rempli.
Tu veux mettre la charrue avant les boeufs lol...

08 janv. 2011, 12:27

Cela n'est pas possible.
Car php intervient coté serveur et donc bien avant le jquery.
La vérification php ne peut intervenir qu'après validation du formulaire et pas pendant qu'il est rempli.
Tu veux mettre la charrue avant les boeufs lol...

Est ce qu'il y a une methode de verifier les champs en php et afficher les erreurs en jQuery?

08 janv. 2011, 21:00

Oui bien sûr.

Soit en AJAX, soit en méthode HTML standard (mais là jQuery ne sert à rien).

En Ajax :

1) Utilisation d'une méthode rapide tel que $.post() ou moins rapide $.ajax()
2) Dans cette utilisation, tu fais appel à une page php qui s'occupera de la vérification, et tu lui transmets la valeur des champs à vérifier.
3) Php recoit les informations, les traite, et renvoit un message d'erreur/de confirmation au format voulu (brut, formaté HTML, JSON, XML, ...)
4) Ajax récupère ce message et le traite.

Bien des tutos doivent exister là dessus.

16 janv. 2011, 03:49

Et comment puis je afficher les erreurs comme suite:

<span name="displayhere" class="errors"></span> // ici je voudrais afficher les erreurs
<form method="POST" action="#" target="_self" class="form" >
<textarea name="comment" id="comment" cols="50" rows="5" class="Input01"></textarea>
    <span class="errors">Erreur</span> // au lieu d'ici

$("#comment").next(".errors").fadeIn().text("Veuillez entrer le nom");

Par quoi il faut remplacer le next afin d'afficher mes erreur en haut du formulaire.

Merci

08 avr. 2011, 12:25

un tutoriel pour vous aider :

http://www.pierrefay.fr/jquery-validate ... toriel-455

Validation du formulaire en php et jQuery

Qui est en ligne