l'attributo maxlength di input in html non funziona su HTC One M7

Question

Ho ottenuto un campo di input semplice che ha un attributo maxlength = "2". Il codice è il seguente:

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

Funziona correttamente sulla maggior parte dei dispositivi Android. Tuttavia, su HTC One M7, non funziona. Su questo dispositivo, mi consente di inserire tutti i personaggi che voglio.

Qualche suggerimento? Penso che dovrebbe essere un problema specifico del dispositivo finora.

Grazie in anticipo.

Answer 1

Ho notato questo problema su un paio di progetti. Penso che alcune versioni di Android abbiano un cattivo supporto per maxlength.

La mia soluzione era utilizzare una funzione jdownload key che controlla la quantità di caratteri e impedisce di essere immessa se il massimo è stato raggiunto.

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

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

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

Sono sicuro che si potrebbe cambiare questo in modo che cercato per ogni ingresso con gli attributi di maxlength e ha creato una copia di backup jQuery al volo. Non sono sicuro che sarebbe piuttosto lento.

Answer 2

provare questo:

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