Поле со списком автозаполнения jQuery UI – запретить отправку формы
-
05-10-2019 - |
Вопрос
Я использую отличный вариант автозаполнения пользовательского интерфейса jQuery со списком - см. здесь: http://jqueryui.com/demos/autocomplete/#combobox
Он у меня есть в элементе Form, потому что это часть формы.
В поле со списком автозаполнения есть <button>
который используется для отображения всего раскрывающегося списка.Однако когда пользователь нажимает ее, форма отправляется.По-видимому, это происходит потому, что <button>
имеет type="submit"
атрибут.Весь элемент создается button()
позвонить в пределах .combobox
фн, см. сисходный код.
Как мне остановить отправку?
(Примечание: Этот парень была такая же проблема, но он решил ее, удалив form
- Я не могу этого сделать)
Решение
А, неважно, я понял.
Проблема обсуждается на форуме jQuery здесь:http://forum.jquery.com/topic/autocomplete-combobox-problem-when-it-is-placed-inside-a-form-tag
Они предлагают несколько различных способов корректировки исходного кода комбинации автозаполнения, чтобы исправить это.Кажется, самый простой из них:
Измените строку, в которой говорится
$("<button> </button>")
к
$("<button type=\"button\"> </button>")
это предотвращает type="submit"
от вставки в последнюю кнопку.