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

今天开始学习了jQuery Validate表单验证：

导入的包都导入了：

包括三个：

jquery-3.3.1.min.js

jquery.validate.min.js

messages_zh.js

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

但是我写的验证规则就是不生效，很是郁闷，

后来发现跟包引入顺序有关：

比如我开始是这样引入的：

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

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

先引入中文包、插件包、最后是jquery包；

这样引入，写的规则死活不生效：

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

①<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>

<form id="myForm1" method="get" action="">
    <label for="e1">邮箱</label><input type="email" id="e1" rangelength="[5,10]"><br>
    <label for="n1">5-10之间的整数</label><input type="number" name="n1" id="n1" digits="true" max="10" min="5"><br>
    <label for="n2">5-10之间的数字</label><input type="number" name="n2" id="n2" range="[5,10]"><br>
    <label for="u1">url 5-20位</label><input type="url" name="u1" id="u1" rangelength="[5,20]"><br>
    <label for="t1">equalTo:用于第二次输入相同判断</label><input type="text" name="t1" id="t1" equalTo="1"><br>
    <input type="submit" value="提交">
</form>