在Form表单中加button的话,点击事件触发会自动提交表单,如何阻止默认行为呢?
以下为示例:
一般点击事件为:οnclick="search();",容易触发表单默认提交行为;
改为οnclick="[color=red]return search();[/color]"即可
以下为示例:
<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>一般点击事件为:οnclick="search();",容易触发表单默认提交行为;
改为οnclick="[color=red]return search();[/color]"即可
function search(){
if(true){
$("#Form").submit();
}
else{
bootbox.alert("请填写至少一个查询条件");
return false;
}
}
本文介绍了一种在HTML表单中使用按钮时防止其默认提交行为的方法。通过在按钮的点击事件中添加return语句,并结合JavaScript进行条件判断,可以有效避免表单的意外提交,同时实现更加灵活的表单交互。
7791

被折叠的 条评论
为什么被折叠?



