我可以在表单的提交按钮上同时使用 onclick 事件和提交功能吗？

Question

我对网页上的一些行为感到困惑，在表单中，我在保存按钮上同时使用提交操作和onclick事件。这对我来说很好，但似乎有些用户在保存表单中的信息时遇到了麻烦。

我在这里简化了表格：

<div class="container">
<form id="myform" action="action.php">
<input "nameinput" type="text" name="name">
<button id="savebutton" type="submit" >Save</button>
</form>
</div>

现在。。。我还添加了一个jQuery部分，当按下保存按钮时，它将隐藏表单：

$(".container").on("click", "#savebutton", function(){        
$("#myform").slideUp("slow", function() {
$(this).remove();
});
});

因此：当用户按下保存按钮时，它将向action.php发送name，并触发点击事件以关闭表单。

这对我来说非常好，但我想知道这种设计是否会在一些浏览器上引起麻烦，尤其是旧的浏览器？我收到了来自用户的错误报告，表单已关闭，但没有保存任何数据(即未调用action.php(。形式"；dissapears"；在表单提交数据之前？

Answer 1

这里提交按钮的默认行为是将数据发送到action.php。当然，当用户单击提交按钮时，它会再次加载页面，在这种情况下，您的javascript代码将不会运行。

我建议您使用JQUERY AJAX文档