[jQuery validate] Issue with wrong widgets being validated

[jQuery validate] Issue with wrong widgets being validated

Hi,

I have the following structure using jQuery validate from bassistance.de:

html:
  1. <form>
  2. <input

    		type="text"
    name="object[attr][fname][value]"
    id="object[attr][fname][value]"
    size="25"

    		class="fx-widget fx-validate"
    data-validation='[{"MESSAGE":"Required Field","TYPE":"required"},{"MESSAGE":"Minimaal 2 karakters vereist","TYPE":"minlength","LENGTH":"2"}]'
    />
    <select
    name="object[attr][language][value]"
    id="[comboboxwidget_language][value]"
    size="1"
    class="fx-widget"
    data-validation='[]'
    > <option

    		name="[comboboxwidget_language][CBO_SELECTOR]"
    id="[comboboxwidget_language][CBO_SELECTOR]"
    value=""
    >
    Please select...
    </option>
    <option
    name="[comboboxwidget_language][nl]"
    id="[comboboxwidget_language][nl]"
    value="nl"
    >
    Dutch
    </option>
    <option
    name="[comboboxwidget_language][en]"
    id="[comboboxwidget_language][en]"
    selected="selected"
    value="en"
    >
    English
    </option>
    <option
    name="[comboboxwidget_language][fr]"
    id="[comboboxwidget_language][fr]"
    value="fr"
    >
    French
    </option>
    <option
    name="[comboboxwidget_language][de]"
    id="[comboboxwidget_language][de]"
    value="de"
    >
    German
    </option>
    </select>

     


My javascript initialises all widgets which require validations as follows:

  2. // let's add form validation...
  3.     $('form').livequery(function() {
  4.         $(this).validate();
  5.         $(this).find('.fx-widget').each(function() {
  6.             validators = $.parseJSON($(this).attr("data-validation"));
  7.             for(i = 0; i < validators.length; i++) {
  8.                switch(validators[i]["TYPE"]) {
  9.                     case 'required':
  10.                         $(this).rules("add", {
  11.                          required: true,
  12.                          messages: {
  13.                            required: validators[i]["MESSAGE"]
  14.                          }
  15.                         });
  16.                         break;
  17.                     case 'minlength':
  18.                         $(this).rules("add", {
  19.                          minlength: validators[i]["LENGTH"],
  20.                          messages: {
  21.                            required: validators[i]["MESSAGE"]
  22.                          }
  23.                         });
  24.                         break;
  25.                     case 'maxlength':
  26.                         $(this).rules("add", {
  27.                          maxlength: validators[i]["LENGTH"],
  28.                          messages: {
  29.                            required: validators[i]["MESSAGE"]
  30.                          }
  31.                         });
  32.                         break;
  33.                     default:
  34.                         // do nothing...

  36.                 }      
  37.               

  39.             }
  40.         });
  41.     });

As you can see, for all widgets in a form, we check for the data-validation json string, parse it and dynamically add validators to the widgets.

This works fine, but in the above example, whenever we loose focus on the combobox, it validates saying that you need to enter two characters at least...  I don't understand why it does...

Does anyone else have an idea?

If you want, I can create a public example...  Just let me know...

---
http://www.flexin.be