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">