Plugin Xác thực jQuery - Xác thực các đầu vào bị ẩn và không hiển thị?

Question

Làm cách nào để xác thực các đầu vào bị ẩn và không hiển thị đầu vào văn bản có thể nhìn thấy bằng plugin Xác thực biểu mẫu jQuery? Vấn đề là, tôi đang sử dụng plugin tự động đề xuất, tạo ra đầu vào bị ẩn cho các mục đã chọn:

<input id="hiddenInput" type="hidden" name="something" value="1" /> 

Tôi có 2 đầu vào như thế này (cả hai chỉ cho phép 1 mục), mà tôi muốn xác nhận và hiển thị lỗi trong parent <td>. Đây là những gì tôi đã nhận được cho đến nay, nhưng nó không hiển thị lỗi hoặc gửi một biểu mẫu, nếu giá trị thực sự là một số.

$("#form1").validate({ 
     rules: { 
      something: { 
       number:true, 
       min:1, 
       required:true 
      } 
     } 
     }) 

Answer 1

Để cho phép xác thực các phần tử ẩn, ghi đè bỏ qua và đặt thành chuỗi trống:

$("#form1").validate({ 
    ignore: "", 
    rules: { 
     something: { 
      number:true, 
      min:1, 
      required:true 
     } 
    } 
}); 

Answer 2

Bạn có thể sử dụng tùy chọn ignore như thế này:

$("#form1").validate({ 
    ignore: "input[type='text']:hidden", 
    rules: { 
     something: { 
      number:true, 
      min:1, 
      required:true 
     } 
    } 
}); 

Giá trị mặc định của ignore lựa chọn là :hidden mà bỏ qua tất cả các lĩnh vực tiềm ẩn và các lĩnh vực không nhìn thấy được (display: none vv)

Answer 3

Nếu các câu trả lời khác không hoạt động cho bạn, hãy thử thay vào đó. Nó loại bỏ tất cả bỏ qua đối với hình thức, vì vậy nó sẽ xác nhận tất cả mọi thứ bao gồm cả lĩnh vực ẩn:

$.data($('form')[0], 'validator').settings.ignore = ""; 

Để khôi phục lại các thiết lập để bỏ qua lĩnh vực ẩn, sử dụng một cái gì đó như thế này:

$.data($('form')[0], 'validator').settings.ignore = "input[type='text']:hidden"; 

Bạn cũng có thể sử dụng trên mã để đọc lại giá trị hiện tại.

Answer 4

Một cách khác để xác nhận đầu vào ẩn là thế này:

$("#form1").validate({ 
     ignore: "not:hidden", 
     rules: { 
      something: { 
       number:true, 
       min:1, 
       required:true 
      } 
     } 
});