今天開始學習了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>