1. 程式人生 > >前端表單校驗異常validate校驗外掛異常

前端表單校驗異常validate校驗外掛異常

最近做個專案,在寫後臺的時候,遇到了個問題,首先在jsp中引入了bootstrap和bootstrap-Validator(表單驗證)後,遇到個問題,就是在執行的時候,報錯

提示你寫的js中,沒有這個方法,但是bootstrap中該引入的js,css都引入了,為什麼還要報這個錯呢,然後就慢慢排錯,終於找到了根源,

在我的jsp介面中,我引入了其他檔案:

但是這個標籤沒什麼問題啊,問題不在這裡,開啟這個include-navbar.jsp檔案看看,重點在這裡:

我在這個jsp介面引入了jquery庫,然而看看我們之前的一個介面,

可見,這個jsp介面也引入了jquery,這就導致了次jsp介面在<jsp:include page="/WEB-INF/jsp/include-navbar.jsp" />引入的jsp介面中,也帶有jquery,與主介面引入衝突,導致報錯:Uncaught TypeError: $(...).bootstrapValidator is not a function

解決辦法:把用標籤<jsp:include ... />引入的jsp介面中的jquery引入去掉(include標籤引入後直接使用主介面引入的jquery庫)!

ps:在使用bootstrap-table的時候,需要用到的方法  ----  $(‘table’).bootstrapTable('method');  亦是如此。