使用 jQuery 进行模态和事件处理

Question

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

• 一个 HTML 表单，它没有 submit 按钮，而是一个 input type='button'。此按钮启动引导模式（基本上，用于表单验证目的）
• 模态框有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