jQuery Validate写的验证规则不生效问题解决

今天发现写的验证规则不生效：

经排查有几种情况会造成不生效：

一、导入包顺序有关：

包括三个：

jquery-3.3.1.min.js

jquery.validate.min.js

messages_zh.js

分别是jquery包、jquery validate插件包、jquery validate中文提示包；

需要按这个顺序引入才解决：

①<script src="../js/jquery-3.3.1.min.js"></script>

②<script src="../js/jquery.validate.min.js"></script>

③<script src="../js/messages_zh.js"></script>

二、rules:属性名里要跟input name名称一致

$("#form").validate({

    rules: {
        username: {required: true, checkName: true, maxlength: 20}
　　}});
三、input type="submit" 方式提交