使用 jQuery 的模态和事件处理

Question

尽管在网上搜索了所有内容，我还是为一个问题苦苦挣扎了好几天！这是我的结构，我正在使用：

一个 HTML 表单，它没有 submit 按钮，而是一个 input type='button'。此按钮启动 bootstrap 模态（基本上，用于表单验证目的）
模态框有 2 个按钮，1 个提交表单，1 个取消进程。

我想要的只是在单击提交按钮时执行jQuery函数但是...使用时:

onclick='alert('test')：它工作得很好
$('#id').on('click', alert('test'))：警告出现页面加载时并且......两次！（为什么两次？？？）
$('#id').click(alert('test')); : 与之前的问题相同

出于几个原因，我很想使用第二种方法。那么谁能帮助我了解这里发生的事情，以及我如何解决这个问题？

这是我的表格：

<form action='' novalidate>
    <input type="button" name="btn" value="send" data-toggle="modal" data-target="#modal_AR_confirmSubmit"/>
</form>

还有我的模态：

<div class="modal fade" id="modal_AR_confirmSubmit" role="dialog">
    <div class="modal-dialog">
      
      <div class="modal-content">
        <div class="modal-header bg-dark text-white">
          <h4 class="modal-title">Title</h4>
        </div>
        <div class="modal-body">
          <p id='modal_AR_confirmSubmit-body'>Content</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal" id='id'>Valider</button>
            <button type="button" class="btn btn-danger" data-dismiss="modal">Annuler</button>
        </div>
      </div>
       
    </div>
</div>

非常感谢！

Answer 1

$('#id').on('click', alert('test')) 语法不正确，事件处理函数除外：

$('#id').on('click', function(){ alert('test')})

jquery on

使用 jQuery 的模态和事件处理

Modal and event handling with jQuery

jquery

bootstrap-modal