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");
});

在将事件插入输入jQuery后如何触发事件？

1 个答案: