使用HTML5的Minlength和MaxLength属性，我们可以管理输入字段文本长度。
但是，如果要显示自定义验证消息，则可以使用jQuery轻松完成。
在本教程中，我们将展示如何使用jQuery验证输入字段的最小长度和最大长度。

在示例代码中，我们将使用jQuery实现输入文本长度验证。
基于用户输入，验证消息将显示在输入字段旁边。

包括使用jQuery验证输入字段长度的jQuery库。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

jquery
基于最小（minlength）和最大（maxlength）值，验证输入长度。
如果长度超过，则将删除添加值。

var minLength = 5;
var maxLength = 10;
$(document).ready(function(){
    $('#card').on('keydown keyup change', function(){
        var char = $(this).val();
        var charLength = $(this).val().length;
        if(charLength < minLength){
            $('span').text('Length is short, minimum '+minLength+' required.');
        }else if(charLength > maxLength){
            $('span').text('Length is not valid, maximum '+maxLength+' allowed.');
            $(this).val(char.substring(0, maxLength));
        }else{
            $('span').text('Length is valid');
        }
    });
});

HTML.
验证消息显示在<span>标记中。

<input type="text" id="card"/>
<span></span>