我有以下代码:
插入值$("#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");
});

最佳答案

如果我删除一个插入值的数字并从键盘上插入它,它将验证我的值。


因此,诀窍是在输入元素上触发input事件以模拟用户操作...
尝试这个:

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

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

10-06 03:58
查看更多