反应-防止表单提交
我一直在尝试React。在我的实验中，我正在使用Reactstrap框架。当我单击按钮时，我注意到HTML表单已提交。有没有一种方法可以防止单击按钮时提交表单？
我在这里重新创建了我的问题。我的表单很基本，看起来像这样：
<Form>
<h3>Buttons</h3>
<p>
<Button color="primary" onClick={this.onTestClick}>primary</Button>
</p>
</Form>
我想念什么？
问题答案：
我认为首先要注意的是，如果没有javascript（纯HTML），则form在单击<input type="submit" value="submit form">或时会提交元素<button>submits form too</button>。在javascript中，您可以通过使用事件处理程序并调用e.preventDefault()按钮单击或表单提交来防止这种情况发生。e是传递给事件处理程序的事件对象。通过react，两个相关的事件处理程序可以通过as形式使用onSubmit，另一个通过可以在按钮上使用onClick。
示例：http：//jsbin.com/vowuley/edit？html，js，console，output
-
我正在做一个Django项目，其中一个表单不会提交。我发现罪魁祸首是一些JavaScript，它格式化了货币输入（当我移除JS或移除输入时，它提交） 这是我的简化表单--JS来自html5货币/货币输入
-
我有一个表单，其中某个地方有一个提交按钮。 然而，我想以某种方式‘捕获’提交事件并防止它发生。 有什么办法我能做到这一点吗？ 我不能修改submit按钮，因为它是自定义控件的一部分。
-
问题内容： 我的表单需要服务器处理一些时间。我需要确保用户等待并且不会再次单击按钮来尝试重新提交表单。我尝试使用以下jQuery代码： 当我在Firefox中尝试此操作时，所有功能都被禁用，但是该表单未与应该包含的任何POST数据一起提交。我不能使用jQuery提交表单，因为我需要将按钮与表单一起提交，因为有多个提交按钮，并且我确定POST中包含哪个值使用了哪个按钮。我需要像平常一样提交表单，并且
-
问题内容： 在下一页中，使用Firefox的“删除”按钮提交表单，但“添加”按钮不提交。如何防止“删除”按钮提交表单？ 问题答案： 你正在使用HTML5按钮元素。请记住，原因是此按钮具有默认的提交行为，如W3规范所述，如此处所示： W3C HTML5按钮 因此，你需要明确指定其类型： 为了覆盖默认的提交类型。我只想指出发生这种情况的原因=）
-
1、通过JavaScript屏蔽提交按钮（不推荐） 2、给数据库增加唯一键约束（简单粗暴） 3、利用Session防止表单重复提交（推荐） 4、使用AOP自定义切入实现
-
问题内容： 我有的： 我有一个通过AJAX提交的表格。 我想要的是： 我想防止重复提交。由于仅在成功完成请求后该表单才会消失，因此只要数据库尚未完成数据写入，用户就可以单击“提交”按钮。显然，我不需要。 我尝试过的 我尝试将其添加到“提交”按钮本身中，但是它不起作用。该按钮被禁用，但是没有数据发送。 我也尝试将点击处理程序添加到“提交”按钮。具有与以前相同的效果。实际上没有数据发送到控制器，但是按