Đặt xác thực cho div bằng cách sử dụng xác thực jQuery

Question

Tôi đang sử dụng jQuery validation plugin, để xác thực biểu mẫu của tôi. Tuy nhiên, tôi không thể đặt xác thực cho số div.

Dưới đây là những gì tôi đã cố gắng cho đến nay

HTML:

<form id="form"> 
    <div id="location" name="location"></div> 
</form> 

JS:

$('#form').validate({ 
      rules: { 
      isLocationEmpty: true; 
      } 
}); 

CustomValidation Mehthod:

$.validator.addMethod('isLocationEmpty', function (value, element) {   
    var loc = $('#location').text(); 
    return (loc != "") 
}, 'REQUIRED.'); 

Tôi chưa làm điều này trước đây, vui lòng cung cấp đề xuất của bạn.

Answer 1

Trích OP:.

"Tôi đang sử dụng jQuery Validation plugin cho hình thức xác nhận của tôi .... Tuy nhiên tôi không thể thiết lập các xác nhận cho một div tôi thiên đường chưa thực hiện việc này trước đây, vui lòng cung cấp đề xuất của bạn. "

Bạn sẽ không bao giờ có thể sử dụng plugin jQuery Validate để xác thực div. Đánh dấu HTML thích hợp cho đầu vào dữ liệu là sử dụng phần tử đầu vào.

Plugin này sẽ chỉ làm việc trên các loại sau đây của các yếu tố đầu vào dữ liệu (mỗi phải có một name thuộc tính duy nhất), mà cũng phải nằm trong một container form yếu tố:

<form> 

    <!-- // Input - Also including the various HTML5 input types 
    // type = text, password, radio, checkbox, file, etc. --> 
    <input type="text" name="something" /> 

    <!-- Hidden Input - 'ignore: []' must be defined in the options --> 
    <input type="hidden" name="hide" /> 

    <!-- Select Dropdown --> 
    <select name="foobar"> ... </select> 

    <!-- Text Area Box --> 
    <textarea name="barfoo"></textarea> 

</form> 

Xem thêm trang "tham chiếu" trong tài liệu: http://jqueryvalidation.org/reference/

---

Dường như OP không thể thay đổi HTML . Đây là một giải pháp rất xấu.

Mã có thể được sử dụng để sao chép văn bản của div thành thành phần type="hidden", trong đó yếu tố ẩn sau đó có thể được xác thực bằng plugin. Mã này có thể được gọi bất cứ lúc nào hoặc đặt bên trong một event handler để bắn vào mờ hoặc thay đổi:

$("#hidden").val($('#div').text()); 

Đây là jQuery tương ứng:

$('#form').validate({ 
    ignore: [], // <-- validate hidden elements 
    // other options, rules, and callbacks, 
}); 

Answer 2

Tôi không chắc chắn lý do tại sao bạn đang cố gắng xác thực div nhưng tôi đề xuất biến nó thành vùng văn bản. Trong trường hợp bạn cần làm cho người dùng không thể chỉnh sửa, hãy thêm thuộc tính chỉ đọc.

<form id="form"> 
    <textarea id="location" name="location" readonly></textarea> 
</form>