Xác thực JQuery: Xác thực biểu mẫu ẩn (lỗi có thể)

Question

Tôi đang sử dụng JQuery Validation plugin để xử lý xác thực biểu mẫu.

Sự cố tôi gặp phải là khi biểu mẫu bị ẩn, plugin xác thực bỏ qua các trường cần được xác thực và chuyển thẳng để gửi biểu mẫu.

Ví dụ: http://jsfiddle.net/Qg5WQ/

Tôi đã có một cái nhìn thông qua plugin của options và googled vấn đề này nhưng tôi không thể tìm thấy bất cứ điều gì mà xác định lý do tại sao các lĩnh vực trong một hình thức ẩn được bỏ qua. Cần lưu ý rằng nếu có hai biểu mẫu trên một trang, trong đó một biểu mẫu bị ẩn và một biểu mẫu được hiển thị, cả hai biểu mẫu đều được xác thực thành công nếu cả hai biểu mẫu đều sử dụng cùng một phương thức xác thực. Tuy nhiên, nếu bạn gọi hai phương thức xác nhận riêng biệt thì các trường trong biểu mẫu ẩn vẫn bị bỏ qua.

Members hai hình thức sử dụng chức năng xác nhận tương tự: http://jsfiddle.net/Qg5WQ/1/

Members hai hình thức sử dụng chức năng xác nhận khác nhau: http://jsfiddle.net/Qg5WQ/2/

Có ai biết nếu điều này là một lỗi hoặc là có một cụ thể cách để xác nhận các biểu mẫu ẩn?

Answer 1

Cố gắng này http://jsfiddle.net/Qg5WQ/3/

tôi thêm ignore: Tùy chọn hidden đến validate gọi.

$("form").validate({ 
    ignore: 'hidden', 
    rules: { 
    "first": "required" 
    }, 
    invalidHandler: function() { 
    alert("error"); 
    }, 
    submitHandler: function(form) { 
    alert("no error"); 
    } 
}); 

Answer 2

Nếu bạn kiểm tra ignore tùy chọn trên documentation page, nó nói rằng giá trị mặc định là :hidden. Điều này rõ ràng có nghĩa là nếu bạn không chỉ định tùy chọn ignore một cách rõ ràng, việc xác thực sẽ bỏ qua các đầu vào bị ẩn.

Chỉ cần xác định tùy chọn ignore (có thể để trống) và nó sẽ khắc phục sự cố.

$("form").validate({ 
    ignore: '', 
    rules: {"hidden_field": {required:true}} 
});