thuộc tính maxlength của đầu vào trong html không hoạt động trên HTC One M7

Question

Tôi nhận được trường nhập đơn giản có thuộc tính maxlength = "2". Mã trông giống như sau:

<input id="txtLoginName" maxlength="2"> 

Nó hoạt động tốt trên hầu hết các thiết bị Android. Tuy nhiên, trên HTC One M7, nó không hoạt động. Trên thiết bị này, nó chỉ cho phép tôi nhập bao nhiêu ký tự tùy thích.

Bất kỳ đề xuất nào? Tôi nghĩ rằng nó phải là một vấn đề cụ thể thiết bị cho đến nay.

Xin cảm ơn trước.

Answer 1

Tôi đã nhận thấy vấn đề này trên một vài dự án. Tôi nghĩ rằng một số phiên bản của Android có hỗ trợ xấu cho maxlength.

Giải pháp của tôi là sử dụng chức năng khóa phím của jQuery để kiểm tra số lượng ký tự và ngăn không cho nhập nữa nếu số lần truy cập tối đa đã được nhấn.

$('#inputWithMaxLength').keydown(function (e) { 

    var inputLength = jQuery(this).val().length; 

    if(inputLength >= 10) { 
     e.preventDefault(); 
     return false; 
    } 
} 

tôi chắc chắn rằng bạn có thể thay đổi điều này để nó tìm kiếm bất kỳ đầu vào với các thuộc tính của maxlength và tạo ra một bản sao lưu jQuery khi đang bay. Tôi không chắc liệu điều đó có khá chậm hay không.

Answer 2

Hãy thử điều này một:

var $input = $('input') 
$input.keyup(function(e) { 
    var max = 5; 
    if ($input.val().length > max) { 
     $input.val($input.val().substr(0, max)); 
    } 
});