JS頁面顯示事件觸發表單驗證

所以我有下面的JS顯示加載GIF，而我的servlet添加一些數據，然後重定向。當我提交表單時，點擊事件沒有問題。但是在它運行該頁面顯示並且再次隱藏div之後。這對我來說毫無意義，我仍然在同一頁面上。頁面展示的重點是如果有人點擊後，頁面不會卡在加載GIF上。爲什麼在驗證檢查後觸發頁面展示？我缺少JS頁面顯示事件觸發表單驗證

// ==== [START] Search gif hide and show ==== 
 
$("#equipSrch").click(function() { 
 
    if ($("#search-form").valid()) { 
 
     document.getElementById("viewSrch").style.display = 'none'; 
 
     document.getElementById("loading").style.display = 'block'; 
 
    } 
 
}); 
 

 
$(window).bind('pageshow', function() { 
 
    document.getElementById("viewSrch").style.display = 'block'; 
 
    document.getElementById("loading").style.display = 'none'; 
 
}); 
 
// ==== [END] Search gif hide and show ====

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

來源

2014-10-29 JWL

你是否觸發「pageshow」的地方？ – 2014-10-29 04:35:35

我錯過了一些jQuery的進口，有效（）函數被解僱，但得到一個例外，我之前錯過。我也沒有先調用validate（）函數。

\t // ==== [START] Search gif hide and show ==== 
 
\t $("#submit").click(function() { 
 
\t \t $("#search-form").validate(); 
 
\t \t if($("#search-form").valid()) { 
 
\t \t \t document.getElementById("viewSrch").style.display = 'none'; 
 
\t \t \t document.getElementById("loading").style.display = 'block'; 
 
\t \t } 
 
\t }); 
 
\t 
 
\t $(window).bind('pageshow', function() { 
 
\t \t document.getElementById("viewSrch").style.display = 'block'; 
 
\t \t document.getElementById("loading").style.display = 'none'; 
 
\t }); 
 
\t // ==== [END] Search gif hide and show ====

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
 
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script> 
 
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>

來源

2014-10-29 04:47:42 JWL

JS頁面顯示事件觸發表單驗證

回答

相關問題