Автозаполнение jquery с приложением отправки
У меня есть форма с одним входным автозаполнением, я бы отправил действие только пользователю, чтобы выбрать одну строку в моем входе. Я написал этот код, но не работаю.
<script type="text/javascript">
$(document).ready(function(){
$("#q").autocomplete({
source: "tagSearch.php",
minLength: 2,
delay: 0,
select: function(event, ui) {
$("#q").val(ui.item.label);
$('#my-form').submit(function() {
if($("#q").val() == "" || $("#q").val() == "no result" ){
alert("Message Cannot be empty");
return false;
}
return true;
});
}
});
});
<form id="my-form" action="search.php" method="GET">
<input name="q" id="q" />
<input type="submit" name="GO" value="GO" />
</form>
Вы не вызываете submit на свой метод select, но прикрепляете обработчик к форме. Попробуйте с этим
$(document).ready(function(){
$("#q").autocomplete({
source: "tagSearch.php",
minLength: 2,
delay: 0,
select: function(event, ui) {
$("#q").val(ui.item.label);
$('#my-form').submit();
});
$('#my-form').submit(function() {
if($("#q").val() == "" || $("#q").val() == "Nessun risultato" ){
alert("Message Cannot be empty");
return false;
}
return true;
});
});
Я переместил обработчик отправки вне метода select. Теперь, внутри select, просто вызовите submit, и соответствующий обработчик будет выполнен
$('#my-form').submit();
