JavaScript如何防止按钮提交表单
在下一页中，使用Firefox的“删除”按钮提交表单，但“添加”按钮不提交。如何防止“删除”按钮提交表单？
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function addItem() {
var v = $('form :hidden:last').attr('name');
var n = /(.*)input/.exec(v);
var newPrefix;
if (n[1].length == 0) {
newPrefix = '1';
} else {
newPrefix = parseInt(n[1]) + 1;
}
var oldElem = $('form tr:last');
var newElem = oldElem.clone(true);
var lastHidden = $('form :hidden:last');
lastHidden.val(newPrefix);
var pat = '=\"' + n[1] + 'input';
newElem.html(newElem.html().replace(new RegExp(pat, 'g'), '=\"' + newPrefix + 'input'));
newElem.appendTo('table');
$('form :hidden:last').val('');
}
function removeItem() {
var rows = $('form tr');
if (rows.length > 2) {
rows[rows.length - 1].html('');
$('form :hidden:last').val('');
} else {
alert('Cannot remove any more rows');
}
}
</script>
</head>
<body>
<form autocomplete="off" method="post" action="">
<p>Title:<input type="text" /></p>
<button onclick="addItem(); return false;">Add Item</button>
<button onclick="removeItem(); return false;">Remove Last Item</button>
<table>
<th>Name</th>
<tr>
<td><input type="text" id="input1" name="input1" /></td>
<td><input type="hidden" id="input2" name="input2" /></td>
</tr>
</table>
<input id="submit" type="submit" name="submit" value="Submit">
</form>
</body>
</html>
问题答案：
你正在使用HTML5按钮元素。请记住，原因是此按钮具有默认的提交行为，如W3规范所述，如此处所示： W3C HTML5按钮
因此，你需要明确指定其类型：
<button type="button">Button</button>
为了覆盖默认的提交类型。我只想指出发生这种情况的原因=）
-
我正在做一个Django项目，其中一个表单不会提交。我发现罪魁祸首是一些JavaScript，它格式化了货币输入（当我移除JS或移除输入时，它提交） 这是我的简化表单--JS来自html5货币/货币输入
-
我有一个表单，其中某个地方有一个提交按钮。 然而，我想以某种方式‘捕获’提交事件并防止它发生。 有什么办法我能做到这一点吗？ 我不能修改submit按钮，因为它是自定义控件的一部分。
-
问题内容： 我有2页： page1.php： -具有带文本框和“提交”按钮的表单。例如： -用于将文本框的值存储到数据库的php和mysql代码。将值提交到数据库后，JavaScript会将页面重定向到。例如： page2.php -mysql从数据库检索数据并显示在此页面上。 问题： 当我按“后退”按钮时，浏览器将弹出警告消息，提示您将重新提交表单。单击“返回”按钮时如何防止重新提交表单？我是否
-
问题内容： 我有一个表单，其中某处有一个提交按钮。 但是，我想以某种方式“捕获”提交事件并防止它发生。 有什么办法可以做到这一点？ 我无法修改“提交”按钮，因为它是自定义控件的一部分。 问题答案： 与其他答案不同，返回仅是答案的 一部分 。考虑在return语句之前发生JS错误的情况… html 脚本 返回此处将不会执行，并且表单将以任何一种方式提交。您还应该致电以阻止Ajax表单提交的默认表单操
-
问题内容： 我想防止使用angular.js提交多个表单。 当用户单击表单提交按钮时，提交按钮的值/标签应更改为“正在加载..”，按钮的状态将设置为“已禁用”，并且应以正常方式触发提交事件，从而导致向服务器提交呼叫。这样，用户将看到以下效果： 立即：提交按钮的值更改为“正在加载..”并被禁用 服务器响应后：向用户显示服务器请求的结果（而服务器响应的处理无需任何干预） 我制作了这个小玩意来表达我的意
-
1、通过JavaScript屏蔽提交按钮（不推荐） 2、给数据库增加唯一键约束（简单粗暴） 3、利用Session防止表单重复提交（推荐） 4、使用AOP自定义切入实现