jquery min和maxlength验证

时间:2016-05-05 18:15:55

标签: javascript jquery html

我想要minlength=8maxlength=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;
}
});

2 个答案:

答案 0 :(得分:4)

现在使用HTML5,您可以使用属性minlengthmaxlength

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

答案 1 :(得分:0)

您可以使用HTML5属性minlengthmaxlength来管理输入文本长度。但是,如果您想使用JQuery来完成这项工作,请参阅此示例

&#13;
&#13;
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");
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" />
<span></span>
&#13;
&#13;
&#13;