/* formcheck - jQuery.formcheck.js
*
* Copyright (c) 2007 Lisaraël (http://www.lisaserver.be)
* Licensed under the GPL (http://www.opensource.org/licenses/gpl-license.php) license.
*
* Version: 0.1
*
* Requires: jQuery 1.2+
*
* Compatibility: (untested now, will work with...)
* WinXP: Firefox, Opera, MSIE 7
* MacOSX: Firefox, Safari, Opera
*
* WARNING : This is a "in-dev" version.
*
* ATTENTION ! : il y a une erreur dans les expreg des dates qui permettent des chiffres abérrants pour les mois et jours (genre 99). à vérifier.
*
*/
jQuery.fn.formcheck = function(settings) {
settings = jQuery.extend({
disabled : false, // désactive l'envoi du formulaire si tout n'est pas correct
bgColor_empty : "#FFF",
bgColor_error : "#000",
bgColor_accept : "#8FCE7E",
ind_required : '
',
ind_req_empty : '
',
ind_false_format : '',
ind_accept : '
',
//help_box : '
À propos de ce champ
Ce champ est obligatoire.
';
} else {
box_content += 'Ce champ est facultatif.
';
}
switch( settings.inputs[ind].chk_params[1] ) {
case "email":
box_content += 'Ce champ, s\'il est rempli, doit respecter le format email : nom@site.com.
';
break;
}
if( jQuery(elt).parents("div").children(".message_box").size() ) {
jQuery(elt).parents("div").children(".message_box").slideToggle();
} else {
jQuery(elt).parents("div").append( jQuery(settings.help_box).hide().append( jQuery(box_content) ) ).children(".message_box").slideToggle();
}
} // display_help_box
// expressions régulières, on les met à la fin pour éviter les saloperies avec les colorations syntaxiques.
settings.RegExp = {
email : /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.([a-z]){2,4})$/,
date : /^([2][0]|[1][9])\d{2}\-([0]\d|[1][0-2])\-([0-2]\d|[3][0-1])$/, // YYYY mm dd
textDate : /^(([0-2]\d|[3][0-1])\/([0]\d|[1][0-2])\/([2][0]|[1][9])\d{2})$/, // dd/mm/YYYY
datetime : /^([2][0]|[1][9])\d{2}\-([0]\d|[1][0-2])\-([0-2]\d|[3][0-1]) [0-2][0-9]:[0-5][0-9]$/, // mysql datetime
// url regex by Scott Gonzalez: http://projects.scottsplayground.com/iri/
url: /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)*(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i
};
};
/* ----- Utilisation -----
Chaque input du formulaire doit avoir un attribut xmlns:check, qui doit contenir certaines informations concernant la validation
Chaque information est séparée par un pipe ( | ).
La première info concerne le caractère obligatoire du champ de formulaire.
Il peut avoir deux valeurs : "required" ou "optional". Lorsqu'il est sur required, le champ est vérifié et retourne une erreur si vide, avant même de tester son contenu. Cette vérification s'effectue lorsque le champ perd le focus.
L'info suivante contient le type de donnée, et la troisième info contient des paramètres pour affiner ce type.
Voici ces types:
- text : vérifie la longueur d'une donnée textuelle, exprimée dans les options, telle que suit
signifie que le contenu du champ doit être un texte dont la longueur se situe entre 0 et 25 caractères.
- email : ne prends pas d'option, vérifie la validité de la syntaxe d'un email entré
- int et float : prennent la même option que pour les textes, afin de vérifier si le nombre donné se situe entre les valeurs limites
- date : prends une option qui défini le format de date à vérifier, et peut être le suivant
- datetime pour un datetime mysql
- dd/mm/YYYY pour une date à ce format
- YYYY mm dd pour une date à ce format
*/