Question

所以我有下面的JS显示加载GIF，而我的servlet添加一些数据，然后重定向。当我提交表单时，它会触发点击事件没问题。但是在它运行页面显示之后立即再次隐藏div。这对我来说毫无意义，我仍然在同一页面上。页面显示的重点是如果有人点击回来，页面就不会卡在加载GIF上。为什么在验证检查后会触发页面显示？我缺少什么

＆＃13;

// ==== [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 ====

＆＃13;

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

＆＃13;

Answer 1

我错过了一些jquery导入，有效的（）函数正在解雇但是我之前错过了一个异常。我也没能先调用validate（）函数。

	// ==== [START] Search gif hide and show ====
	$("#submit").click(function() {
		$("#search-form").validate();
		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="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>

JS页面显示事件触发表单验证

1 个答案: