Кнопка запускает событие после ввода текстового поля

У меня есть html-страница с тремя полями ввода и кнопкой. Это выглядит следующим образом:Кнопка запускает событие после ввода текстового поля

я не думаю, что это поможет, но все равно:

<table> 
     <tr> 
      <td>Start:</td> 
      <td><input ID="txtStart" type="text" /></td> 
     </tr> 
     <tr> 
      <td>Eind:</td> 
      <td><input ID="txtEind" type="text" /></td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td><input type="submit" onclick="javascript:alert('test');"/></td> 
     </tr> 
    </table> 

    <table> 
     <tr> 
      <td>Station:</td> 
      <td><input ID="txtStation" type="text" /></td> 
     </tr> 
    </table>

Если я введите текст в текстовом поле 3 и я нажимаю войти, затем кнопку 1 Запускает событие (JavaScript: предупреждение ("Это тест");). Как я могу отключить это? Когда я нажимаю кнопку, кнопка должна запускать событие только. Он не должен быть связан с текстовым полем 3 ...

Я думаю, что у него есть что-то с обратной передачей или чем-то еще? Или, может быть, кнопка по умолчанию?

Любая помощь приветствуется :)

источник

2012-03-06 Ontwikkelaar Bij Debugged

Загрузите код пожалуйста –

Ваш вопрос не содержит достаточной информации. Добавьте HTML и JavaScript для части страницы с элементами формы и событиями, которые вы запускаете. Хороший способ иметь рабочий пример для нас, чтобы ответить на это использовать http://jsfiddle.net –

Я добавил код, который я использую ... –

Ваша кнопка может быть помечена как тип = «представить». Если это не решит, можете ли вы разместить HTML-код?

источник

2012-03-06 15:41:11

Нажатие ENTER во входном элементе в пределах <form> (в большинстве браузеров) запускает submit действия для этой формы.

Единственный способ избежать этого - небольшое вмешательство javascript; Либо добавьте проверку на действиеформы, чтобы проверить, что все поля были заполнены, или поймать событие keypress входного элемента и отменить любые нажатия клавиш ENTER.

См. Также: How to prevent ENTER keypress to submit a web form?.

источник

2012-03-06 15:42:35

Если у вас есть текстовое поле 3 и кнопка в одном и том же теге <form>, кнопка также будет автоматически назначена на текстовое поле 3, поэтому Enter активирует кнопку отправки.

Если вы хотите избавиться от этого, поместите его в другую форму (как вы сказали, текстовое поле 3 не связано с кнопкой справа?).

источник

2012-03-06 15:43:05 Harti

Могу ли я разместить два элемента формы на моей странице? –

если я использую asp: net button, я могу указать, что свойство UseSubmitBehavior="false", что решило мою проблему! Но так или иначе, спасибо!

источник

2012-03-07 13:23:29

Кнопка запускает событие после ввода текстового поля

ответ

Смежные вопросы