Archives du mot-clef jQuery Live Form

Validation de FORM avec jQuery Live Form

Laisser une réponse


Ce matin, je cherchais un moyen simple de valider des formulaires avec Jquery… comme d’hab, je suis tomber sur un petit plugin codé par GeekTantra
Je l’ai testé dans tous les sens, il est simple et vraiment efficace ! Je vous laisse un petit récapitulatif de cette programmation.
 
 
  

Caractéristiques:

  • Prise en charge des validations personnalisées
  • Options pour basculer entre les validations en direct et onsubmit
  • CSS complètement personnalisable

Utilisation:

  • Dans la section <head>, ajoutez le code suivant:

 

1
2
3
4
5
6
7
8
9
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="javascripts/jquery.validate.js"></script>
<script type="text/javascript">// <![CDATA[
            jQuery(function(){
                jQuery("#<id of field to be validated>").validate({
                    expression: "if (<expression for validation>) return true; else return false;",
                    message: "<message on validation failure>"
                });
            });
// ]]></script>
  • Ajouter le form dans le corps comme indiqué ci-dessous:

 

1
2
3
4
<form action="" method="post">
<input type="text" name="<name of field to be validated>" id="<id of field to be validated>" />
<input type="submit" value="Submit" />
</form>

 

Demo: Cliquez ici
Démo avancée: Cliquez ici
Téléchargement: Cliquez ici
Dépôt du projet: Cliquez ici