时间戳

首页 > 解决方案 > 我可以在表单的提交按钮上同时使用 onclick 事件和提交功能吗？

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

问题描述

我对我网页上的一些行为感到困惑，我在表单中的保存按钮上同时使用提交操作和 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();
    });
});

所以：当用户按下保存按钮时，它应该发送name到action.php并触发点击事件来关闭表单。

这对我来说非常好，但我想知道这种设计是否会在某些浏览器上引起问题，尤其是旧浏览器？我收到了来自用户的错误报告，其中表单已关闭，但没有保存数据（即action.php未调用）。在表单可以提交数据之前，表单是否有可能“消失”？

标签： javascriptphpjquery

解决方案

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

我会推荐你​​使用 JQUERY AJAX文档

推荐阅读