jquery min и maxlength валидация

Question

Я хочу minlength=8 и maxlength=14, как я могу достичь этой проверки.

HTML:

<input type="text" name="354" id="field"> 

JQuery:

$("input[name=354]").keypress(function(e){ 
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) { 
$("#errmsg").html("Digits only").show().fadeOut("slow"); 
return false; 
} 
}); 

Answer 1

Вы можете использовать HTML5 атрибуты minlength и maxlength для управления вводом текста длиной. Но если вы хотите использовать JQuery, чтобы сделать эту работу, увидеть этот пример

var minLength = 3; 
 
var maxLength = 10; 
 

 
$("input").on("keydown keyup change", function(){ 
 
    var value = $(this).val(); 
 
    if (value.length < minLength) 
 
     $("span").text("Text is short"); 
 
    else if (value.length > maxLength) 
 
     $("span").text("Text is long"); 
 
    else 
 
     $("span").text("Text is valid"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" /> 
 
<span></span>

Answer 2

Теперь с HTML5 вы можете использовать свойства minlength и maxlength.

<input type="text" minlength="8" maxlength="14" name="354" id="field">