javascript - 如何使用javascript以一种形式验证不同的输入提交按钮

Question

我正在尝试使以下代码仅显示“您确定要继续删除所选内容吗？” 仅当我单击我的表单的删除输入按钮时才显示 javascript 消息。有人可以帮帮我吗？其他输入按钮我只想显示“您没有任何选定的文件”。

我的 checkbox[] 是一个数组，这些值是通过 mysql/php 生成的。

  <script type = "text/javascript">
  function confirm_update() {
  var chkCount = 0;
  var arrCheckboxes = document.formtop.elements["checkbox[]"];
  for (var i=0; i<arrCheckboxes.length; i++) {
    if(arrCheckboxes[i].checked == true) {
        chkCount++;
    }
  }
    if (chkCount === 0) {
    alert("You do not have any selected files.");
    return false;
   } else {
      return confirm("Are you sure you want to proceed deleting the selected?");
  }
 }

 </script>






  <form   name="formtop"  onsubmit="return confirm_update();"  method="POST" action=""    >

<table border="0" cellspacing="0" cellpadding="4" bgcolor="#FFFFFF" id="Text_Buttons" >
 <tr>
<td align="center"><input id="content-button" style="width:90px;" type="Button"    name="Preferences_button" value="Edit Ad" ></td>     
<td align="center"><input id="content-button" style="width:90px;" type="submit" name="delete" value="Delete Ad" ></td>
 <td align="center"><input id="content-button" style="width:90px;" type="submit" name="pause" value="Pause" ></td>
<td align="center"><input id="content-button" style="width:90px;" type="submit" name="resume" value="Resume" ></td>
 </tr>
 </table>



 <input type="checkbox" name="checkbox[]" value="1" />

</form>

Answer 1

将按钮从 更改type="submit"为type="button"，然后在显示消息的位置添加“单击”事件侦听器，然后提交表单。