Javascript 我可以在表单&x27；上同时使用onclick事件和提交功能吗；s提交按钮？

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

因此：当用户按下Save按钮时，它会将

名称

发送到

action.php

，并触发click事件以关闭表单

---

这对我来说非常好，但我想知道这种设计是否会在某些浏览器上造成问题，尤其是在旧的浏览器上？我收到了用户的错误报告，其中表单已关闭，但未保存任何数据（即未调用

action.php

）。表单是否可能在提交数据之前“消失”？

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

---

我建议您使用JQUERY AJAX，而不是隐藏，在那里放置一个加载程序，然后检查数据插入是否成功。然后藏起来form@NipunTharuksha... 你能再解释一下吗？你在验证数据插入吗。意味着如果有人输入姓名并单击按钮，您是否检查该条目是否在隐藏表单之前插入

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