Показать сообщение отдельно
  #1 (permalink)  
Старый 30.09.2017, 19:01
Новичок на форуме
Отправить личное сообщение для Бронислав Посмотреть профиль Найти все сообщения от Бронислав
 
Регистрация: 30.09.2017
Сообщений: 3

Обязательный выбор значения в Autocomplete
Всем привет! С языком не знаком. Подскажите, пожалуйста, как правильно указать:
1) обязательность выбора значения из списка подсказок, а если выбор не был сделан, чтобы выводилось сообщение (я так понимаю, с помощью проверки события change?);
2) ограничить количество выводимых подсказок;
3) подсказки выводятся по мере ввода букв (последовательно), а не по совпадению в любом месте в слове.
Шапка:
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    var availableTags = [
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#from" ).autocomplete({
      source: availableTags
    });
    $( "#to" ).autocomplete({
      source: availableTags
    });
	} );
  </script>

<form action="'. $act .'" method="post" name="form">
<div class="table_form">
<div class="table_form_td"><input class="table_form_input" name="from" type="text" required placeholder="Откуда" id="from"/>
<div class="table_form_td"><input class="table_form_input" name="to" type="text" required placeholder="Куда" id="to" /></div>
<div class="table_form_td"><input class="table_form_input_button" type="submit" value="Найти билеты" /></div>
</div>

Спасибо!
Ответить с цитированием