使用jQuery，如何在触发表单提交事件之前等待onChange事件完成

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<input type="text" id="myInput">

$('#myInput').on('change', function() {
  // 在这里执行你的操作
});

$('form').on('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  var deferred = $.Deferred(); // 创建一个Deferred对象

  $('#myInput').trigger('change'); // 手动触发onChange事件

  // 在onChange事件处理程序中，执行异步操作并在完成时解决Deferred对象
  $('#myInput').on('change', function() {
    // 执行你的异步操作
    // ...

    deferred.resolve(); // 异步操作完成后，解决Deferred对象
  });

  // 使用Promise对象来等待Deferred对象的解决
  deferred.promise().done(function() {
    // 在Deferred对象解决后，执行表单提交操作
    $('form').off('submit').submit(); // 解除表单提交事件绑定并提交表单
  });
});