Javascript 在表单上触发警报消息

Question

我有一个 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>

然后我想在提交时触发警报。单击图像时，会触发 sweetAlert 消息：

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

如您所见，形式 ("multiple") 的 id 用于在 Javascript 函数中引用它。

它对我有用，但我想知道脚本的语法是否真的正确。我在网上找到了这个解决方法，也许还有更好的方法。

Answer 1

既然你想在提交时触发它，就没有理由在按钮上添加监听器。

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

Javascript 在表单上触发警报消息

Javascript to trigger an alert message on a form

javascript

php

forms

sweetalert