HTML5表单按钮提交不起作用

HTML5 form button onsubmit not working

本文关键字：不起作用 提交 按钮 表单 HTML5      更新时间：2023-09-26

我有一个简单的表单，有两个HTML5按钮。每个按钮将表单提交到不同的 php 页面。这运行良好，但从未触发"onsubmit"功能。我想在调用删除.php页面之前显示一个对话框。

<form method="post">
      <input type="text" name="fname">
      <!-- HTML5 FORMACTION -->
      <button type="submit" name="update" formaction="update.php">Update</button>
      <button type="submit" name="delete" onsubmit="return confirm('Do you really want to delete?');" formaction="delete.php">Delete</button>
  </form>

我尝试了不同的变体，但 javascript 代码从未被触发。为什么？

按钮没有提交事件，表单有。

按钮具有单击事件。

onsubmit对

form有效，对按钮无效。您将不得不使用 onclick 而不是 onsubmit .

尝试这样做

<form method="post">
      <input type="text" name="fname">
      <!-- HTML5 FORMACTION -->
      <button type="submit" name="update" formaction="update.php">Update</button>
      <button type="button" name="delete" onclick="return delete();" formaction="delete.php">Delete</button>
  </form>
<script>
function delete(){
if(confirm('Do you really want to delete?')){
// delete code
}
return false;
}
</script>
相关文章：