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" 方式提交