jQuery UI 自动完成验证

标签 jquery validation jquery-ui autocomplete

我试图在输入文本的自动完成请求结果之前执行某种文本字段验证。我的代码:

<script type="text/javascript" src="/scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/scripts/jquery-ui-1.8.2.min.js"></script>
<script type="text/javascript">
  $(function() {
    $("#vnu").autocomplete({
      source: "url",
      minLength: 1,
      delay:200,
      focus: function (event, ui) {
        $(event.target).val(ui.item.label);
        return false;
      }
    });
  });
</script>

<body>
 <input type="text" name="vnu" id="vnu" />
</body>

所以基本上,当有人在字段中输入文本时,我想在字母“自动完成”请求结果查找之前检查有效格式。我已经编写了一个返回 true 全部 false 的函数,我只是不确定从哪里调用它。

最佳答案

我终于为所有感兴趣的人找到了一个可行的解决方案,您可以使用搜索事件来运行任何预请求操作/验证。请参阅下面代码中的搜索添加:

$(function() {
  $("#vnu").autocomplete({
    source: "url",
    minLength: 1,
    delay:200,
    focus: function (event, ui) {
      $(event.target).val(ui.item.label);
      return false;
    },
    search: function (event, ui) {
      return some_validation($(this).val());
    }
  });
});

自动完成搜索事件引用:http://docs.jquery.com/UI/Autocomplete#event-search

关于jQuery UI 自动完成验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3779417/

相关文章:

javascript - 使用 Open Weather API 时如何利用存储在变量中的国家代码?

javascript - 大量的 onclick 元素...或者一些 jquery

javascript - 使用 Javascript 暂停音频时会发出“流行噪音”

jquery - 为什么 jQuery 用 rgb() 代替 hsl()?

javascript - 仅当鼠标水平移动多于垂直移动时才允许 jQuery UI 拖动

jquery - 如何在 CSS 中或通过 jQuery 实现拖动效果?

javascript - 在更改时获取微调器 ui 值

javascript - 将draggable div的值与droppable input onclick事件进行比较

html - 只允许在 angularjs/ionic 中输入一定数量的字符

HTML5 验证器错误 :Element li is missing one or more of the following attributes: aria-checked, aria-expanded、aria-valuemax、aria-valuem