Xác thực jQuery - Kích hoạt xác thực cho các trường ẩn

Trong phiên bản mới của plugin xác thực jQuery 1.9 theo mặc định xác thực các trường ẩn bị bỏ qua . Tôi đang sử dụng CKEditor cho trường nhập liệu textarea và nó ẩn trường đó và thay thế nó bằng iframe. Trường ở đó, nhưng xác nhận bị vô hiệu hóa cho các trường ẩn. Với phiên bản plugin xác thực 1.8.1, mọi thứ hoạt động như mong đợi.

Vì vậy, câu hỏi của tôi là làm thế nào để kích hoạt xác thực cho các trường ẩn với plugin xác thực v1.9.

Cài đặt này không hoạt động:

$.validator.setDefaults({ ignore: '' });

Tác giả của plugin nói rằng bạn nên sử dụng "dấu ngoặc vuông không có dấu ngoặc kép" ,[]

http://bassistance.de/2011/10/07/release-validation-plugin-1-9-0/

Phát hành: Plugin xác thực 1.9.0: "... Một thay đổi khác sẽ giúp việc thiết lập các biểu mẫu với các yếu tố ẩn dễ dàng hơn, hiện tại chúng bị bỏ qua theo mặc định (tùy chọn Bỏ qua bỏ qua có tên: ẩn bây giờ là mặc định). có thể phá vỡ một thiết lập hiện có. Trong trường hợp không thực sự xảy ra, bạn có thể sửa nó bằng cách đặt tùy chọn bỏ qua thành [[] (dấu ngoặc vuông không có dấu ngoặc kép). "

Để thay đổi cài đặt này cho tất cả các hình thức:

$.validator.setDefaults({ 
    ignore: [],
    // any other default options and/or rules
});

(Không bắt buộc .setDefaults()phải nằm trong document.readyhàm)

HOẶC cho một hình thức cụ thể:

$(document).ready(function() {

    $('#myform').validate({
        ignore: [],
        // any other options and/or rules
    });

});

CHỈNH SỬA :

Xem câu trả lời này để biết cách bật xác thực trên một số trường ẩn nhưng vẫn bỏ qua các trường khác.

EDIT 2 :

Trước khi để lại nhận xét rằng "điều này không hoạt động" , hãy nhớ rằng OP chỉ đơn giản là hỏi về plugin Xác thực jQuery và câu hỏi của anh ấy không liên quan gì đến việc ASP.NET, MVC hoặc bất kỳ khung Microsoft nào khác có thể thay đổi bình thường của plugin này hành vi dự kiến. Nếu bạn đang sử dụng khung Microsoft, chức năng mặc định của plugin Xác thực jQuery bị ghi đè bởi Microsoftunobtrusive-validation plugin .

Nếu bạn đang vật lộn với unobtrusive-validationplugin, thì vui lòng tham khảo câu trả lời này thay vào đó: https://stackoverflow.com/a/11053251/594235

Điều này làm việc cho tôi, trong một trang web ASP.NET MVC3 nơi tôi đã rời khỏi khung để thiết lập xác thực không phô trương, v.v., trong trường hợp nó hữu ích với bất kỳ ai:

$("form").data("validator").settings.ignore = "";

Hãy chắc chắn để đặt

 $.validator.setDefaults({ ignore: '' });

KHÔNG bên trong$(document).ready

Vì vậy, tôi sẽ đi sâu hơn một chút về lý do tại sao điều này không hoạt động bởi vì tôi là kiểu người không thể ngủ vào ban đêm mà không biết haha. Tôi đang sử dụng jQuery xác thực 1.10 và Xác thực không giới hạn Microsoft jQuery 2.0.20710.0 được xuất bản vào ngày 1/29/2013.

Tôi đã bắt đầu bằng cách tìm kiếm phương thức setDefaults trong Xác thực jQuery và tìm thấy nó trên dòng 261 của tệp chưa được tối ưu hóa. Tất cả chức năng này thực sự là hợp nhất các cài đặt json của bạn vào hiện $.validator.defaultscó được khởi tạo với thuộc tính bỏ qua được đặt thành ": hidden" cùng với các mặc định khác được xác định trong Xác thực jQuery. Vì vậy, tại thời điểm này, chúng tôi đã ghi đè bỏ qua. Bây giờ hãy xem tài sản mặc định này đang được tham chiếu tại.

Khi tôi truy tìm mã để xem nơi $.validator.defaultsđang được tham chiếu. Tôi nhận thấy rằng chỉ được sử dụng bởi hàm tạo cho trình xác thực mẫu, dòng 170 trong jQuery xác thực tệp chưa được xác thực.

// constructor for validator
$.validator = function( options, form ) {
    this.settings = $.extend( true, {}, $.validator.defaults, options );
    this.currentForm = form;
    this.init();
};

Tại thời điểm này, trình xác nhận sẽ hợp nhất mọi cài đặt mặc định đã được đặt và đính kèm với trình xác thực mẫu. Khi bạn nhìn vào mã đang thực hiện xác nhận, tô sáng, làm nổi bật, v.v ... tất cả đều sử dụng đối tượng validator.sinstall để kéo thuộc tính bỏ qua. Vì vậy, chúng ta cần đảm bảo rằng nếu chúng ta thiết lập bỏ qua với phương thức setDefaults thì nó phải xảy ra trước khi $ ("biểu mẫu"). Validate () được gọi.

Nếu bạn đang sử dụng Asp.net MVC và plugin không phô trương, thì bạn sẽ nhận ra sau khi xem javascript mà xác thực được gọi trong document. Yet. Tôi cũng đã gọi setDefaults của mình trong tài liệu. Khối đã được thực thi sau tập lệnh, jquery xác thực và không phô trương vì tôi đã xác định các tập lệnh đó trong html trước khi có lệnh gọi trong đó. Vì vậy, cuộc gọi của tôi rõ ràng không có tác động đến chức năng mặc định bỏ qua các yếu tố ẩn trong quá trình xác nhận. Có một vài lựa chọn ở đây.

Tùy chọn 1 - Bạn có thể như Juan Mellado đã chỉ ra có cuộc gọi bên ngoài tài liệu. Đã thực hiện ngay khi tập lệnh được tải. Tôi không chắc chắn về thời gian của việc này vì các trình duyệt hiện có khả năng tải tập lệnh song song. Nếu tôi quá thận trọng thì xin hãy sửa cho tôi. Ngoài ra, có lẽ có những cách xoay quanh vấn đề này nhưng vì nhu cầu của tôi, tôi đã không đi theo con đường này.

Lựa chọn 2a - Đặt cược an toàn trong mắt tôi là chỉ cần thay thế $.validator.setDefaults({ ignore: '' });bên trong tài liệu $("form").data("validator").settings.ignore = "";. Đã có sự kiện . Điều này sẽ sửa đổi thuộc tính bỏ qua được xác thực bởi jQuery xác thực khi thực hiện mỗi xác thực trên các thành phần của bạn cho biểu mẫu đã cho.

Tùy chọn 2b - Sau khi xem mã nhiều hơn một chút, bạn cũng có thể sử dụng $("form").validate().settings.ignore = "";làm cách đặt thuộc tính bỏ qua. Lý do là khi nhìn vào hàm xác thực, nó sẽ kiểm tra xem một đối tượng trình xác nhận đã được lưu trữ cho phần tử biểu mẫu thông qua $.data()hàm chưa. Nếu nó tìm thấy một đối tượng trình xác nhận được lưu trữ với phần tử biểu mẫu thì nó chỉ trả về đối tượng trình xác nhận thay vì tạo một đối tượng khác.

Điều này làm việc cho tôi trong một trang web ASP.NET. Để kích hoạt xác thực trên một số trường ẩn, hãy sử dụng mã này

$("form").data("validator").settings.ignore = ":hidden:not(#myitem)";

Để kích hoạt xác thực cho tất cả các yếu tố của biểu mẫu, hãy sử dụng phần tử này $("form").data("validator").settings.ignore = "";

Lưu ý rằng sử dụng chúng trong $(document).ready(function() { })

Chỉ cần thêm ignore: []vào trang cụ thể cho mẫu cụ thể, giải pháp này đã làm việc cho tôi.

$("#form_name").validate({
        ignore: [],
        onkeyup: false,
        rules: {            
        },      
        highlight:false,
    });

Đây là làm việc cho tôi.

jQuery("#form_name").validate().settings.ignore = "";

Việc xác thực đã làm việc cho tôi khi gửi biểu mẫu, nhưng nó không thực hiện xác nhận theo hướng sự kiện phản ứng trên đầu vào danh sách được chọn.

Để khắc phục điều này, tôi đã thêm vào như sau để kích hoạt thủ công xác thực sự kiện jquery được thư viện thêm vào:

$(".chosen-select").each(function() {
  $(this).chosen().on("change", function() {
    $(this).parents(".form-group").find("select.form-control").trigger("focusout.validate");
  });
});

jquery.validate bây giờ sẽ thêm .validlớp vào danh sách chọn bên dưới.

Hãy cẩn thận: Điều này không yêu cầu một mẫu html nhất quán cho đầu vào biểu mẫu của bạn. Trong trường hợp của tôi, mỗi đầu vào nộp được gói trong một div.form-groupvà mỗi đầu vào có .form-control.

Chỉ cần tìm văn bản bỏ qua: ": hidden" trong tệp xác thực jquery của bạn và nhận xét nó. Sau khi nhận xét, nó sẽ không bao giờ mất bất kỳ yếu tố ẩn nào để xác thực ...

Cảm ơn