如何修剪 JQuery 自动完成框的输入？

有没有办法将用户输入的输入修剪（删除前导/尾随空格）到 jQuery 自动完成文本中<input>在与名称列表匹配之前的框：值？我目前有一个文本框，用户可以在其中输入名称。然后通过 jQuery 将名称与名称：值对列表进行匹配：

<script type="text/javascript">

var resources = [
               <?php 
                    foreach($data['Resource'] as &$row){
                        $Name = $row['Forename']." ".$row['Surname'];  
                        echo "{";
                        echo "  label:'$Name',";
                        echo "  value:'$row[EmployeeNumber]'";
                        echo "},";
                    }
                 ?>
                ];

    jQuery(function(){
        jQuery('#Resource').autocomplete({
            source: resources,
            focus: function(event, ui) {
                jQuery('#Resource').val(ui.item.label);
                return false;
            },          
            select: function(event, ui) {
                jQuery('#Resource').val(ui.item.label);
                jQuery('#EmployeeNumber').val(ui.item.value);
                return false;
            }
        });
    }); 
</script>

我的问题是，如果用户输入的名称与resources映射，但后面有空格，则不会匹配，因此不会为输入分配任何值。如果可能的话，我希望在此映射上至少忽略尾随空格（如果不是前导空格）。

另外，如果没有找到地图，是否可以为输入框添加默认值？

EDIT:

顺便说一句，如果用户输入不匹配的内容，是否可以在下拉自动完成框中显示不匹配的条目？对问题后的编辑表示歉意。

您可以在以下位置找到自己source函数，而不是使用内置函数 http://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.autocomplete.js#L322， 像这样：

source: function( request, response ) {
  var matcher = new RegExp($.trim(request.term).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), "i" );
  response($.grep(resources, function(value) {
    return matcher.test( value.label || value.value || value );
  }));
}

您可以在这里尝试演示 http://jsfiddle.net/nick_craver/5wLAq/。这使用$.trim() http://api.jquery.com/jQuery.trim/在搜索词被传入之前修剪它$.grep() http://api.jquery.com/jQuery.grep/以获得您想要的前导/尾随空白无知效果。

对于您的编辑，您可以执行此操作，但可以选择“无结果...”，在这里尝试一下 http://jsfiddle.net/nick_craver/5wLAq/2/:

source: function( request, response ) {
  var matcher = new RegExp($.trim(request.term).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), "i" );
  var matches = $.grep(resources, function(value) {
    return matcher.test( value.label || value.value || value );
  });
  response(matches.length ? matches : [{ label: 'No Result Found', value: '' }]);
}