2015-01-12 1 views
0

Я использую Bootstrap Pop up. Этот всплывающий файл открывается с Main Form.Избегайте ввода ключевой формы Отправить в Pop Up

В этом всплывающем окне у меня есть TextBox & a Button.

<input class="form-control" type="text"> 
<input type="button" value="Search" onclick="searchEmployee()" /> 

Когда я ударил ENTER ключ, когда Pop up открыта, Main Form получает submitted. В основной форме есть кнопка отправки.

Как я могу избежать формы submit при всплывании на ENTER нажатие клавиши?

И наоборот разрешить ENTER ключ отправить, когда pop up закрыт.

+0

Мне нужно, чтобы пользователи не отправляли форму, нажав кнопку ввода, только когда всплывающее окно открыто. – Anup

+0

Затем вы можете связать небольшой код, чтобы предотвратить отправку только для формы внутри модальной версии, с селектором, таким как '' '$ ('. Modal form')' '' –

ответ

0

Disabling the default behavior из формы представления может быть достигнуто с помощью event.preventDefault();, ловя событие ENTER кнопочного щелкнул.

Есть другие способы, чтобы просто отключить все Отправляет в зависимости от того, каким образом конкретные вы хотите быть, лучший способ, чтобы определить конкретный идентификатор:

document.getElementById("submitButtonId").disabled = true; 

Но вы можете также указать, какие кнопки отправки должны быть отключены если они идентифицированы с классом или если вы просто хотите отключить все отправления всех видов, используя getElementByClass или getElementsByTagName.

+0

Это всплывающее окно используется во многих местах, поэтому 'id' отличается каждый раз. – Anup

+0

@Anup Вы можете использовать 'getElementByClass', если кнопки submit имеют предоставленный класс. Вы можете использовать 'getElementsByTagName', если оно должно соответствовать всем элементам определенного типа, т. Е.' Submit'. – Jonast92

2
$('#formid').on("keyup keypress", function(e) { 
    var code = e.keyCode || e.which; 
    if (code == 13) {    
    e.preventDefault(); 
    return false; 
    } 
});