jQuery xác nhận plugin trên DIV

Question

Tôi cố gắng để sử dụng validate plugin trên một div như trong câu trả lời cho this question:

<script type="text/javascript"> 
    $("#pseudoForm").validate({ 
    onfocusout:true, 
    rules:{ 
     first_name:"required", 
     last_name:"required" 
    } 
    }); 
</script> 
<!-- whatever --> 
<div id="pseudoForm"> 
    <input type="text" name="first_name"/> 
    <input type="text" name="last_name"/> 
</div> 

Tôi có tất cả trong một biểu mẫu.

Tôi đang gặp phải một loạt lỗi khác nhau trên các trình duyệt khác nhau.

• Firefox: validator trong không xác định
• IE8: 'Cài đặt' là null hoặc không phải là một đối tượng
• Chrome: Không thể đọc thuộc 'Cài đặt' không xác định

Bất kỳ trợ giúp nào được đánh giá cao!

Answer 1

Đây không phải là câu trả lời mà bạn muốn nghe, nhưng câu trả lời khác là không chính xác (nó có thể là đúng khi nó đã được đăng, nhưng đã có một số lớn Plugin xác nhận jQuery thay đổi kể từ đó).

The validation plugin hiện đang được thiết kế để hoạt động trên <form> và chỉ trên <form>. Bạn cũng có thể lưu ý rằng all of the plugin documentation tham chiếu biểu mẫu, không phải bất kỳ vùng chứa chung nào khác.

Plugin bản thân theo dõi validator.currentForm trong nội bộ, trong đó đề cập đến this của thông qua công cụ Chọn, nhận .elements, vv tắt mà ... nó thực sự sẽ không làm việc bất kỳ cách nào khác, không phải là cách phiên bản hiện tại của văn bản .

Giải pháp tổng thể/phương pháp thay thế tại đây: gọi .validate() trên phần tử <form> (trình bao bọc jQuery trực tiếp) chứ không phải bất kỳ vùng chứa nào khác. Nếu bạn cần chia <form> sử dụng các phần tử <fieldset>, có thể sử dụng tùy chọn ignore: ':hidden' trong .validate() nếu bạn không muốn xác thực các trường nhập không hiển thị cho người dùng.

Answer 2

Bạn đang thiếu khung đóng. Hãy thử điều này thay vì:

$("#pseudoForm").validate({ 
    onfocusout:true, 
    rules:{ 
     first_name:"required", 
     last_name:"required" 
    } 
}); 

Answer 3

Bạn có thể nhận được lỗi tương tự nếu bạn chọn hình thức bởi lớp

$(".form_class").validate(...

thay vì bằng ID $("#form_id").validate(...

hoặc tên thẻ $("form").validate(...

Answer 4

Trong các tùy chọn cho validate() , đặt onsubmit: !$.browser.msie

Answer 5

Tôi đã thực hiện một bản vá khỉ để jquery.validate để xử lý xác thực chỉ là một phần của biểu mẫu (như nội dung của div).

Mã và hướng dẫn: http://dotbrand.wordpress.com/2012/07/22/validate-a-section-of-a-form-with-jquery-validate/

Pull yêu cầu: https://github.com/jzaefferer/jquery-validation/pull/452

Answer 6

Tôi biết nó là chủ đề rất cũ nhưng nó có thể giúp ai đó đến với trang này.

Vui lòng kiểm tra [1]: http://encosia.com/asp-net-webforms-validation-groups-with-jquery-validation/ trang web rất hữu ích và nó chứng minh những gì câu trả lời thực tế xứng đáng câu hỏi này

[Nhóm Validation] [1]

Answer 7

mở jquery.validate.js hoặc jquery.validate.min.js và tìm (Ctrl + F) " nhãn "và replaceAll với bạn thẻ được yêu cầu của bạn:

Ví dụ: div

sau đó thực hiện xác thực.