Javascript来触发窗体上的警报消息

Javascript来触发窗体上的警报消息,javascript,php,forms,sweetalert,Javascript,Php,Forms,Sweetalert,我有一个带有以下表单的PHP页面: <form method="POST" action="multimod.php" id="multiple"> <!-- some checkboxes here --> <input type="image" name="submit" src="img/upd.png" alt="modify" class="multi" /> </form> 然后我想在提交时触发警报。单击图像时,会触发一条警告

我有一个带有以下表单的PHP页面:

<form method="POST" action="multimod.php" id="multiple">
  <!-- some checkboxes here -->
  <input type="image" name="submit" src="img/upd.png" alt="modify" class="multi" />
</form>
然后我想在提交时触发警报。单击图像时,会触发一条警告消息:

<script>
$('input.multi').click(function(e){
    e.preventDefault();
swal({
        title: "a title",
        text: "some text",
        type: "warning",
        confirmButtonText: 'yes',
        cancelButtonText: 'no',
        showCancelButton: true,
},
function(){
  document.forms["multiple"].submit();
});
});
</script>
正如您所看到的,表单的id multiple用于在Javascript函数中引用它


这对我来说是可行的,但我想知道脚本的语法是否正确。我在网上找到了这个解决方法,也许还有更好的方法。

因为您想在提交时触发它,所以没有理由在按钮上添加侦听器

<script>
function onFormSubmit() {
  alert("Before submitting to server!");
  return true; // allow the submission!
}
</script>
<form onsubmit="return onFormSubmit();" method="POST" action="multimod.php" id="multiple">
  <!-- some checkboxes here -->
  <input type="image" name="submit" src="img/upd.png" alt="modify" class="multi" />
</form>

我投票结束这个问题,因为它是关于好的,我试图找到一个具体的方法来改进它。编程问题也是如此。你应该把这篇文章发到网站上,因为它是关于检查和改进已经运行的代码的。我不知道代码检查部分。谢谢,很抱歉打扰你。不过,别急着投否决票。有人可能会发现这段代码很有用。。