Xác thực JQuery: Xác thực các trường ẩn

Question

Kể từ khi phát hành phiên bản Trình xác thực JQuery 1.9.0, các trường bị ẩn đã tự động bị bỏ qua khỏi kiểm tra xác thực [source].

Theo release notes, cách để giải quyết vấn đề này là bằng cách đặt ignore: [] trong hàm xác thực.

Sử dụng phiên bản 1.10.0, Tôi không thể làm việc này cho các trường nhập bị ẩn bằng cách sử dụng display: none hoặc visibility: hidden.

xác nhận của tôi được thực hiện sử dụng các lớp học (ví dụ, class="required") và chức năng xác nhận là khá cơ bản:

JQuery

$("form").validate({ 
    ignore: [], 
    errorPlacement: function(error, element) { 
     error.appendTo($('#error-message')) 
    }, 
    invalidHandler: function() { 
     //do something 
    }, 
    submitHandler: function() { 
     //do something else 
    } 
}); 

dụ làm việc: http://jsfiddle.net/fbCVY/

Bất cứ ai có điểm nơi tôi đang đi sai?

Answer 1

Tôi nghĩ bạn cần cung cấp cả một số id duy nhất và thuộc tính name duy nhất cho mỗi thẻ input để plugin xác thực có thể tìm thấy các trường và có thể phân biệt chúng. Hai trường "ẩn" không bị lỗi xác thực vì trường đầu tiên trên biểu mẫu chuyển và kết quả đó đang được sử dụng cho hai trường khác.

Answer 2

Hãy thử với các quy tắc:

$("form").validate({ 
    ignore: "", 
    rules: { 
     name: ["aa", "ee"] 
    }, 
    errorPlacement: function(error, element) { 
     error.appendTo($('#error-message')) 
    }, 
    invalidHandler: function() { 
     //do something 
    }, 
    submitHandler: function() { 
     //do something else 
    } 
}); 

Jsfiddle

Greetings.