在javascript中输入文字时触发事件

Question

<input type="text" class="form-control" id="sokeord" onkeyup="Validate(this)" 
onvalidated="Ajax( 'GET', { view : '/search/all/', table : 'company', keyword : this.value } , Show, 'result')">

我的页面上有上述元素。

onkeyup事件将按预期触发并运行功能Validate 。 功能Validate （正如你可能已经猜到了）验证基于一些参数输入，如果验证结果为true ， Validate试图触发事件onvalidated “sokeord”输入元素，但onvalidated不会触发事件。 我已经尝试过$(element).trigger("onvalidated");

知道有什么问题吗？

Answer 1

onvalidated不是有效的事件，因此如果要执行它，则需要在其他地方调用ajax 。

一种方法是，将ajax调用添加到Validate函数中，这样，当验证发生（并成功）时，它将进行ajax调用。

因此，您可以执行以下操作：

<input type="text" class="form-control" id="sokeord" onkeyup="Validate(this)">

<script>
  $(document).ready(function() {
    function Validate(element) {
      // Your validation code
      // Set a variable to true/false (e.g `var valid = ...`)

      if(valid) {
        $.ajax({
          // your ajax call
        });
      }
  });
</script>