jQuery UI自动完成验证

时间:2010-09-23 14:26:51

标签: 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,所有的假,我只是不确定从哪里调用它。

1 个答案:

答案 0 :(得分:5)

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

$(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