如何使用jQuery在电子邮件表单提交成功时触发事件

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<form id="emailForm">
  <!-- 表单内容 -->
  <input type="email" name="email" id="emailInput" required>
  <button type="submit" id="submitButton">提交</button>
</form>

$(document).ready(function() {
  $('#emailForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 执行表单提交的逻辑，例如使用Ajax发送表单数据到服务器
    $.ajax({
      url: 'submit.php', // 表单提交的URL
      method: 'POST', // 请求方法
      data: $('#emailForm').serialize(), // 表单数据序列化
      success: function(response) {
        // 表单提交成功后的处理逻辑
        // 在这里触发自定义事件
        $(document).trigger('emailFormSubmitted');
      },
      error: function(xhr, status, error) {
        // 表单提交失败的处理逻辑
        console.log('表单提交失败：' + error);
      }
    });
  });

  // 自定义事件的处理函数
  $(document).on('emailFormSubmitted', function() {
    // 在这里编写表单提交成功后要执行的代码
    alert('表单提交成功！');
    // 可以在这里进行页面跳转、显示成功消息等操作
  });
});