xác nhận jquery không hoạt động với thành phần SelectBoxIt

Question

Tôi đã cài đặt SelectBoxIt để thay đổi hộp chọn của tôi, hãy xem & cảm thấy, nhưng tôi thấy vấn đề là xác thực jquery không hoạt động, ví dụ nếu trường này là bắt buộc.

Tôi không cần phải đăng mã vì nó rất dễ tái sản xuất (tôi đã thử nhưng trang stackoverflow treo). Chỉ cần bao gồm jquery.validate.min.js và jquery.selectBoxIt.min.js, sau đó tạo một danh sách thả xuống với một số phần tử, có phần tử đầu tiên, một giá trị rỗng.

Các quy tắc để xác định là:

   'Cliente[cnaid]': { 
        required: true, 
        min: 1 
       }, 

nơi cliente [cnaid] là tên của hộp chọn.

Bất kỳ gợi ý sẽ được đánh giá rất nhiều,

Cảm ơn Jaime

Answer 1

jQuery Validate hoạt động bằng cách mặc định chỉ trên các yếu tố hình thức nhìn thấy được. SelectBoxIt ẩn lựa chọn mặc định và hiển thị một phần tử được tạo thành từ các phần tử không phải dạng. Những gì bạn cần làm là thêm tùy chọn vào cuộc gọi validate của mình để cho phép ứng dụng xác thực các yếu tố bị ẩn:

$('form').validate({ 
    ignore:'', //i.e. do not ignore hidden elements 
    //rules, etc 
});