jQuery.validate.js onkeyup = true error

Question

Với cấu hình xác thực jquery của tôi, tôi nhận được lỗi sau khi thiết lập onkeyup thành true. Nó hoạt động nếu tôi đặt nó là sai, nhưng tôi không nhận được phản hồi xác nhận cho đến khi tôi làm mờ lĩnh vực này, và tôi đang tìm cách để có được xác nhận trên mỗi KeyUp:

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

tôi nhận được lỗi sau:

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

Answer 1

Bạn thực sự cần phải thiết lập các tùy chọn onkeyup đến một chức năng chấp nhận nguyên tố này được xác nhận như một tham số, vì vậy hãy thử thay đổi:

onkeyup: true, 

để

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

Answer 2

@Sparky là đúng, Câu trả lời đúng là để loại bỏ các tùy chọn onkeyup, fiddle của tôi là làm việc vì tôi loại bỏ các tùy chọn onkeyup không phải vì tôi đã thay đổi nó để keyup.

Theo mặc định, xác thực sẽ xảy ra trên sự kiện khóa, nếu bạn muốn tắt tính năng này thì bạn phải thêm cài đặt onkeyup: false.

Xem bản trình diễn được cập nhật.

Demo: Fiddle

Answer 3

giá trị boolean không phải là giá trị hợp lệ cho sự kiện onkeyup. Thay vào đó, hãy thêm một hàm, vào những gì cần làm. Hãy thử một cái gì đó như:

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

Answer 4

onkeyup được kích hoạt theo mặc định, do đó bạn không cần phải đặt nó vào true. Nếu bạn làm thế, bạn phá vỡ các chức năng đã được xây dựng vào plugin.

Bạn có ba lựa chọn:

---

1) Rời khỏi onkeyup lựa chọn ra khỏi .validate(). Điều này giữ chức năng onkeyupđược bật theo mặc định. (Chỉnh sửa: "theo mặc định" có nghĩa là xác nhận xảy ra trên tất cả các "key-up" sự kiện chỉ sau lĩnh vực này ban đầu được xác nhận bởi sự kiện khác.)

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

---

2)onkeyup có thể được đặt thành false để tắt tùy chọn này.

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

---

3) Thay onkeyup với hàm callback của riêng bạn để sửa đổi làm thế nào nó hoạt động. (Demo sử dụng chức năng mặc định)

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

Dưới đây là mặc định, chưa sửa đổi chức năng, 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); 
    } 
} 

---

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

---

EDIT:

Theo mặc định, các plugin không làm bất cứ "chìa khóa-up" xác nhận cho đến khi sau lĩnh vực này ban đầu được xác nhận bởi sự kiện khác. ("Lazy" xác nhận)

Vì vậy, đây là một phiên bản sửa đổi đúng hơn về chức năng onkeyup callback mà sẽ cung cấp ngay lập tức onkeyup xác nhận. ("háo hức" xác nhận)

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

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

Answer 5

Làm thế nào về việc gia hạn onkeyup:

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

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

Bây giờ trong quy tắc bạn có thể làm điều này:

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

Bằng cách mở rộng onkeyup, chúng tôi đã thực hiện hành vi mặc định, do đó, việc gắn bó onkeyup: true là tùy chọn.