запретить отправку формы из закрытого списка - PullRequest
Новая
       11

запретить отправку формы из закрытого списка

0 голосов
/ 16 января 2012

У меня есть форма, обернутая в элемент списка без отображения css. Чтобы просмотреть форму, пользователь нажимает кнопку, заставляющую jquery вызывать slideToggle. ХОРОШО К сожалению, когда пользователь нажимает кнопку отправки формы, он переворачивает элемент списка обратно, чтобы ничего не отображать. ПЛОХОЙ. так как пользователь не может видеть ни одной формы отправить ошибки. Я пытаюсь остановить кнопку отправки и закрыть форму. Форма создается с использованием Gravityforms, плагина WordPress, поэтому я не могу изменить код отправки форм. (Я не думаю?)

Это HTML 

<ul class="contact">
   <li>class="gravity-form">
   <div>
      <form>
        <div></div>
        <div></div>
        <div></div>
        <div class="gform_footer left_label">
        <input type="submit" id="gform_submit_button_1" class="button gform_button"
        value="Submit" tabindex="5">
        </div>           
      </form>
   </div>
   </li>
</ul>

Любые идеи. Я думаю, jquery селекторы, чтобы перемещаться вверх по DOM, чтобы заставить элемент списка к diplay: list-item?

Заранее спасибо

1 Ответ

0 голосов
/ 16 января 2012

Ознакомьтесь с этой статьей о распространении событий.Использование event.stopPropagation() предотвратит всплывание DOM события без предотвращения действия по умолчанию.

<input type="submit" id="gform_submit_button_1" class="button gform_button"
    value="Submit" tabindex="5" onclick="stopEvent(event);">

А внутри вашего javascript: 

function stopEvent(event)
{
    event.stopPropagation();
}

Теперь, когда нажата ваша кнопка, ваши родительские элементы не получат событие click.

...