jQuery.validate.js onkeyup = errore vero

Question

Con la mia configurazione di convalida jquery, ottengo il seguente errore quando si imposta onkeyup su true. Funziona se ho impostato a false, ma non ho ricevuto un feedback convalida fino a quando ho sfocatura il campo, e sto cercando di ottenere la convalida su ogni keyup:

$("#signupForm").validate({ 
     onkeyup: true,   
     onclick: false 
     // rules omitted for brevity 
    } 

ottengo il seguente errore:

TypeError: validator.settings[eventType].call is not a function 
validator.settings[eventType].call(validator, this[0], event); 
jquery.validate.js line 391 

Answer 1

In realtà è necessario impostare l'opzione onkeyup ad una funzione che accetta l'elemento di essere stato approvato come parametro, in modo da provare a cambiare:

onkeyup: true, 

a

onkeyup: function(element) {$(element).valid()} 

Answer 2

@Sparky ha ragione, la risposta corretta è quella di rimuovere l'opzione onkeyup, mio ​​violino è stato lavorare perché ho rimosso l'opzione onkeyup non perché ho cambiato in keyup.

Per impostazione predefinita la convalida avverrà in caso di evento keyup, se si desidera disattivare questa funzione, è necessario aggiungere l'impostazione onkeyup: false.

Vedere la demo aggiornata.

Demo: Fiddle

Answer 3

I valori booleani

non sono valori validi per l'evento onkeyup. Aggiungi invece una funzione, su ciò che è necessario fare. Provare qualcosa di simile:

onkeyup: function(element) { 
      $(element).valid(); 
    } 
    onblur: function(element) { 
     $(element).valid(); 
    } 

Answer 4

onkeyup è abilitato di default in modo che non è necessario impostarlo su true. Se lo fai, rompi la funzionalità già integrata nel plugin.

Sono disponibili tre opzioni:

---

1) lasciare l'opzione onkeyup di .validate(). Ciò mantiene la funzionalità onkeyupabilitata per impostazione predefinita. (Edit: "per default" significa che la convalida si verifica su ogni "key-up" evento solo dopo il campo viene inizialmente convalidato da un altro evento.)

DEMO: http://jsfiddle.net/ZvvTa/

---

2)onkeyup può essere impostato su false a disabilitare questa opzione.

DEMO: http://jsfiddle.net/ZvvTa/1/

---

3) Sostituire onkeyup con la propria funzione di callback per modificare come funziona. (Demo utilizza la funzione di default)

DEMO: http://jsfiddle.net/ZvvTa/2/

Di seguito è riportato il predefinita, non modificato la funzione, onkeyup callback:

onkeyup: function(element, event) { 
    if (event.which === 9 && this.elementValue(element) === "") { 
     return; 
    } else if (element.name in this.submitted || element === this.lastElement) { 
     this.element(element); 
    } 
} 

---

See: http://docs.jquery.com/Plugins/Validation/validate#toptions

---

EDIT:

Per impostazione predefinita, il plugin non fa alcuna convalida "key-up" fino dopo il campo viene inizialmente convalidato da un altro evento. (validazione "pigro")

Così qui è una versione più propriamente modificata della funzione di callback onkeyup che fornirà immediatoonkeyup convalida. (validazione "desideroso")

DEMO: http://jsfiddle.net/QfKk7/

onkeyup: function (element, event) { 
    if (event.which === 9 && this.elementValue(element) === "") { 
     return; 
    } else { 
     this.element(element); 
    } 
} 

Answer 5

ne dite di estendere onkeyup:

$('#signup-form').validate({ 

     onkeyup: function(element) { 
      var element_id = $(element).attr('id'); 
      if (this.settings.rules[element_id].onkeyup !== false) { 
       $(element).valid(); 
      } 
     }, 

Così ora all'interno di regole si può fare questo:

 rules: { 
      username: { 
       required: true, 
       minlength: 3, 
       maxlength: 25, 
       onkeyup: false, /* on blur validation */ 
      }, 
      password: { 
       required: true,     
       passwordmeter: true, 
       onkeyup: true, /* on keyup validation */ 
      }, 

Estendendo onkeyup, l'abbiamo reso un comportamento predefinito, quindi attaccare onkeyup: true è facoltativo.