HTML-форма с одним текстовым полем + предотвращение обратной передачи в Internet Explorer

Question

Я заметил довольно странное поведение в IE.

У меня есть форма HTML с помощью одного текстового поля ввода и кнопку отправить

На Submit нажмите Мне нужно выполнить на стороне клиента JavaScript функцию, которая делает необходимым.

Теперь, когда я хочу, чтобы предотвратить обратную передачу в текстовом поле (на клавишу ввода нажмите)

Я добавил ключ пресс функцию JavaScript, которая выглядит следующим образом:

---

<input type=text onkeypress="return OnEnterKeyPress(event)" /> 

function OnEnterKeyPress(event) { 
      var keyNum = 0; 
      if (window.event) // IE 
      { 
       keyNum = event.keyCode; 
      } 
      else if (event.which) // Netscape/Firefox/Opera 
      { 
       keyNum = event.which; 
      } 
      else return true; 
      if (keyNum == 13) // Enter Key pressed, then start search, else do nothing. 
      { 
       OnButtonClick(); 
       return false; 
      } 
      else 
       return true; 
     } 

Strangly это не работает.

---

Но если я передать текстовое поле функции:

<input type=text onkeypress="return OnEnterKeyPress(this,event);" /> 

function OnEnterKeyPress(thisForm,event) { 
      var keyNum = 0; 
      if (window.event) // IE 
      { 
       keyNum = event.keyCode; 
      } 
      else if (event.which) // Netscape/Firefox/Opera 
      { 
       keyNum = event.which; 
      } 
      else return true; 
      if (keyNum == 13) // Enter Key pressed, then start search, else do nothing. 
      { 
       OnButtonClick(); 
       return false; 
      } 
      else 
       return true; 
     } 

Я могу предотвратить постбэк.

Может ли кто-нибудь подтвердить, что именно происходит здесь?

форма HTML имеет только один текстовое поле и кнопке отправки

результирующие о/р функции JavaScript, выполняемую на Представлять отображаются в текстовой области HTML в отдельных делах.

Answer 1

Обнаружена работа по этой проблеме.

Я только что узнал, что в IE, если в форме есть только одно текстовое поле и одна кнопка отправки, нажав enter, введите форму submit. Однако, если есть несколько текстовых полей, IE не выполняет автоматическую отправку формы при вводе, а вместо этого запускает событие onclick.

Итак, я вводил скрытое текстовое поле в форме, и все работает магически. Мне даже не нужно обрабатывать событие onkeypress для текстового поля.

<Form> 
    <input type="text" /> 
    <input type="text" style="display:none"/> 
    <input type="submit" onClick="callPageMethod();return false;"/> 
</Form> 

Это прекрасно работает для меня !!

Это не проблема в FF, так как нажатие enter напрямую приводит к событию onclick для вызова кнопки отправки.

Answer 2

Возврат false в onsubmit, который используется для отправки формы через javascript.

Answer 3

Должно быть какое-то взаимодействие с другим кодом, который вы не разместили. Ваш код останавливает отправку формы для меня в обоих вариантах, и нет причин, по которым это не должно быть.

Но улавливание ввода нажатий клавиш трудно сделать правильно и, скорее всего, будет раздражать как можно больше. Существует почти всегда лучший способ.

Например, как утверждает altCognito, «return.forummit» возвращает false, поэтому форма никогда не отправляется в ответ на взаимодействие пользователя. Кроме того, если вы поместите код AJAX (предположим, что это именно то, что вы делаете) в обработчике onsubmit вместо onclick на кнопке, вы также можете сделать так, чтобы нажатие клавиши Enter имело тот же эффект, что и нажатие кнопки отправки, пользователь может нормально ожидать.

Если вы этого не хотите, по-видимому, нет причин включать элемент формы <. Это совершенно справедливо, если бы только элементы ввода, сидящие самостоятельно, если вы никогда не ожидаете, что браузер отправит их в любом месте.

Answer 4

Только что пришли сюда из-за соответствующего наблюдения, по меньшей мере, IE 7 и 8:

Если есть только один ввод текста и одна кнопка отправки на форме и пользователь нажимает клавишу возврата ключа, IE не будет включать в себя имя/значение кнопки отправки в запросе. Insead, там будет только значение ввода текста.

Если я добавлю еще один ввод текста, будут отправлены как текстовые входы, так и параметры кнопки отправки. Второй ввод текста можно даже скрыть: <input type="text" style="display:none"/>

Так что это не, связанный с событиями, а скорее простой отправкой.

Это происходит с GET и POST. Добавление элемента выбора в форму не изменяет поведение. -- очень странно.

Answer 5

Привет, вы также можете отключить поведение по умолчанию.

jQuery('#yourInput').keydown(function (e) { 
    if (e.keyCode == 13) { 
    e.preventDefault(); 
    } 
}); 

Cheers!