我有一个元素,其中包含一些名称列表,并且在其上方有一个文本框。当用户开始输入时,会触发ajax调用,并获取具有匹配关键字的名称。如果只有一个空白区域,我需要停止任何呼叫,但是如果文本框为空而没有任何空格,则列表中应填入所有名称。Ajax自动完成 - 当输入为空时不会触发呼叫
的HTML是:
JS是像这样:
function startTSearch(){
var list = $('.teachersList');
var q = document.getElementById('t_Search').value;
q = q.trim();
if(q == ""){}else{
list.html("");
$('.t_loader_msg').css('display','block');
$('.t_loader_msg').css('font-weight','bold');
document.getElementById('load_MSG').innerHTML = "RETRIEVING SUGGESTIONS...";
var postData = {flag:1,q:q};
$.ajax({
type: 'POST',
dataType: 'json',
url: 'global.php',
data: postData,
beforeSend:function(){
},
success:function(data){
if(data.errorList == ""){
if(data.hasResult == 0){
document.getElementById('load_MSG').innerHTML = "NO RESULTS FOUND.";
} else if(data.hasResult == 1){
document.getElementById('load_MSG').style.display = "none";
list.hide().html(data.teacherList).slideDown(300);
}
}
},
error:function(){
}
});
}
}
上面的代码犯规火灾打电话时,用户按下空间,但如果用户搜索一些初步的,让说,A,然后它用A搜索所有名字,但是当用户按下退格键让文本框变空时,它不会搜索我理解的任何内容,但是我希望如果退格键被按下,就可以调用所有名称。
2013-09-23
coder101