如何阻止Form表单中的Button自动提交

在Form表单中加button的话,点击事件触发会自动提交表单,如何阻止默认行为呢?
以下为示例:
<form action="test.do" method="post" name="Form" id="Form">
	<table>
		<tr>
		<td style="vertical-align:top;"><button class="btn btn-mini btn-light" onclick="return search();"  title="查询"><i id="nav-search-icon" class="icon-search"></i></button></td>
		</tr>
	</table>
</form>

一般点击事件为:onclick="search();",容易触发表单默认提交行为;
改为onclick=" return search();"即可
function search(){
    if(true){
    	$("#Form").submit();
    }
    else{
    	bootbox.alert("请填写至少一个查询条件");
    	return false;
    }
}

猜你喜欢

转载自donald-draper.iteye.com/blog/2313550