AJAX自动完成验证
问题描述:
我有成功的自动完成与AJAX,PHP,MYSQL从数据库中获取城市名称。它允许在文本框中自动完成值和类型值。但我想只允许用户在文本框中键入自动完成值。输入城市名称后,用户从文本框中输出时,请将javascript更正为空文本框。AJAX自动完成验证
以下是HTML和JS代码
<input type="text" id="city" name="locality" style="padding:1px;" required="">
<script type="text/javascript">
$(document).ready(function(){
$('#outer_container').height($(window).height());
$('#city').autocomplete({
source: function(request, response) {
$.ajax({
url:'ajax.php',
dataType:"json",
method: 'post',
data: {
name_startsWith: request.term,
type:'city'
},
success: function(data) {
response($.map(data, function(item) {
console.log(item);
//var code = item.split("|");
return {
label: item,
value: item,
data : item
}
}));
}
});
},
autoFocus: true,
minLength: 1,
select: function(event, ui) {
/* $('#myButton').show();
var names = ui.item.data.split("|");
$(this).val(names[1]);
getClientAddress(names[0]); */
}
});
});
</script>
您可以使用jQuery的focusOut事件 –