Поле со списком автозаполнения jQuery UI – запретить отправку формы

StackOverflow https://stackoverflow.com/questions/3794688

  •  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>&nbsp;</button>") 

к

$("<button type=\"button\">&nbsp;</button>")

это предотвращает type="submit" от вставки в последнюю кнопку.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top