Как вызвать событие после вставки события во входной jQuery?

Question

У меня есть следующий код: $("#zipCodeInputEl").val("84604"); после того, как я вставил значение 84604, нажмите кнопку отправки, но у меня возникла ошибка, поскольку она не подтверждает мое значение.Но если я удалю число вставленного значения и вставлю его с клавиатуры, оно подтвердит мое значение.

<div _ngcontent-c3="" class="welcome-scene__foreground"> 
  <form _ngcontent-c3="" novalidate="" class="ng-pristine ng-invalid ng-touched"> 
    <label _ngcontent-c3="" class="label" for="zipCodeInputEl">ZIP Code</label> 
    <input _ngcontent-c3="" numericvalidator="true" class="input input--inverse ng-pristine ng-invalid ng-touched" id="zipCodeInputEl" maxlength="5" name="zipCodeInputEl" required="" type="text"> 
    <button _ngcontent-c3="" class="btn btn--welcome btn--stretched" id="btnStart" preventdoublesubmit="">Get Started</button> 
  </form>
</div>

$(document).ready(function() {
  $("#zipCodeInputEl").val("84604");
});

$(document).ready(function() {
  $("#btnStart").trigger("click");
});

Answer 1

, если я удаляю число вставленного значения и вставляю его с клавиатуры, оно подтверждает мое значение.

Таким образом, хитрость заключается в том, чтобы вызвать событие input наэлемент ввода для имитации действий пользователя ...
Попробуйте это:

$(document).ready(function() {
  $("#zipCodeInputEl").val("84604").trigger("input");

  $("#btnStart").trigger("click");
});