Question

我有一个带有两个HTML5按钮的简单表单。每个按钮将表单提交到不同的php页面。这很好用，但是'onsubmit'功能永远不会被触发。我想在调用delete.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代码永远不会被触发。为什么呢？

Answer 1

按钮没有提交活动，表格可以。

按钮有点击事件。

Answer 2

onsubmit对form有效，而非按钮有效。您必须使用onclick代替onsubmit。

Answer 3

试试这个

<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>

提交HTML5表单按钮不起作用

3 个答案: