jQuery xác nhận tính hợp lệ của các yếu tố ẩn chỉ khi hiển thị

Question

Tôi có một biểu mẫu có trường "Địa chỉ thanh toán của bạn giống với địa chỉ giao hàng của bạn". Nếu người dùng nhấp vào nút radio "Không", ul # billingAddress ẩn được hiển thị. Các trường chứa trong ul # billingAddress được yêu cầu nếu nó hiển thị, đó là nếu ul có display: block.

Làm cách nào để viết một addMethod tùy chỉnh cho jquery validate.js chỉ yêu cầu những người đó nếu trường hiển thị? Đây là những gì tôi có mà không làm việc.

$.validator.addMethod ("BillingSameAsShipping", function(value, element) { 
    var billingFields = ['billingAddress1','billingAddress2','billingCity','billingState','bilingZip'] 
    if ($("#billingAddress").is('visible') && billingFields.val('') { 
     return false; 
    } else 
     return true; 
}, "Please fill in the required billing information"); 

Điều này, rõ ràng là được cắm. Tôi cần phải làm cho nó làm việc cho mỗi một trong đó là trong var.

Cảm ơn!

Answer 1

Sự cố với kiểm tra hiển thị là phần này: .is('visible') cần phải là: .is(':visible') để sử dụng :visible selector.

---

Là một thay thế, bạn có thể sử dụng ignore option để làm những gì bạn muốn dễ dàng hơn một chút, như thế này:

$("#myForm").validate({ 
    //other options 
    ignore: ':hidden' 
}); 

Cách tiếp cận này cho phép bạn sử dụng các tiêu chuẩn quy tắc cần thiết nếu bạn muốn.