jQuery.my, lien dynamique et temps réel entre HTML et JS


jQuery.my est un petit plugin pour jQuery qui permet de lier les contrôles HTML avec des objets JS, et ce de manière dynamique et temps réel (sans soumission préalable).

Ce plugin agit sur les formulaires, et permet de valider les données, voire de lier les valeurs de ces données entre elles dynamiquement (vous changez une valeur d’un coté, un autre champ est mis à jour).

$("#example1").my({
 ui: {
  "#w": {bind:"x", check:/^\d{1,2}$/, 
         recalc:"#area"},
  "#h": {bind:"y", check:/^\d{2,3}$/, 
         recalc:"#area"},
  "#area": {
     bind: function(data, val) {
       return Math.round(data.x*data.y);
     }
   }
}});

Il permet de monitorer un champ spécifique pour scruter ses changements éventuels, et mettre à jours les autres champs liés. Il permet également de mettre à jour la présentation des champs (par exemple la couleur en cas de valeur non-conforme).

Très pratique pour développer rapidement des formulaires interactifs.

Téléchargez jQuery.my