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>