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 。

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

Answer 2

您可以使用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>