Đầu vào văn bản có chiều dài tối đa không hợp lệ với jQuery Validate

Question

Tôi đang gặp sự cố khi sử dụng jQuery Validate. Vấn đề là tôi có một vài hộp văn bản với các thuộc tính maxlength được thiết lập. Mặc dù chúng không bắt buộc, chúng vẫn không xác nhận được khi nào hoặc là trống hoặc khoảng trắng.

HTML mẫu:

<input type="textbox" id="tbx1" maxlength="100" value="" />

Sau đó, $('#tbx1').valid() lợi nhuận false. Không nên trả lại true thay thế? Có cách giải quyết nào cho việc này không?

Ồ, và thêm $('#myform').validate({ ignore: '#tbx1' }); không hoàn toàn phù hợp với tôi, vì tôi đang sử dụng các điều khiển ASP.NET với ID tự động của chúng. Tôi biết tôi có thể sử dụng id khách hàng của kiểm soát hoặc một cái gì đó giống như IDOverride của Wilco, nhưng đây không phải là thứ tôi thích.

Vì vậy, bất kỳ ai? Cảm ơn!

Answer 1

Trước tiên, tôi cho rằng đầu vào có thuộc tính "tên" và chỉ đơn giản là không được hiển thị trong ví dụ của bạn? Nếu không, hãy thử điều đó và nó có thể khắc phục vấn đề.

Thứ hai, bạn đã thử đặt rõ ràng trường không bắt buộc nhưng phải có độ dài tối đa trong đối tượng trình xác thực không? Ví dụ:

var rules = { 
    'txtbx1': { 
    required: false, 
    maxlength: '100' 
    } 
}; 

$('#formId').validate({rules:rules}); 

Answer 2

Ran vào vấn đề này bản thân mình trên một số hình thức phức tạp tôi đang viết ...

Giải pháp của tôi chỉ là để tạo ra phương pháp maxlength của riêng tôi mà tôi có thể 'maxLen' mà làm việc gần như giống hệt phương thức mặc định chỉ dưới một tên khác. Chỉ cần dán điều này lên trên cuộc gọi xác thực chính của bạn ($ ("# mainform") .xác thực ({}); hoặc bất kỳ biểu mẫu nào của bạn được gọi).

//Custom Max Length Validation 
jQuery.validator.addMethod("maxLen", function (value, element, param) { 
    //console.log('element= ' + $(element).attr('name') + ' param= ' + param) 
    if ($(element).val().length > param) { 
     return false; 
    } else { 
     return true; 
    } 
}, "You have reached the maximum number of characters allowed for this field."); 

Một khi bạn đã làm điều đó bạn có thể thêm các quy tắc như vậy:

rules: { 
     Message: { 
      required: false, 
      maxLen: 200 
     } 
} 

Answer 3

này có vẻ là một lỗi trong plugin này. Nếu sửa lỗi bằng cách thay thế phương thức bằng cách triển khai tùy chỉnh bằng cách sử dụng mã sau:

$.validator.addMethod("maxlength", function (value, element, len) { 
    return value == "" || value.length <= len; 
});