Событие запускается дважды в IE onclick и onsmit

Question

У меня есть страница с 2 текстовыми полями и 2 кнопками и 2 формами, чтобы обернуть текстовое поле и пару кнопок.Когда пользователь что-то вводит и нажимает или отправляет ввод, событие отправляется дважды, и это происходит только в в IE .На основании события, инициирующего уровень интеграции, запрос отправляется дважды.чего не должно случиться.я действительно не вижу в коде javascript, что запрос отправляется дважды (я пытался sysout запрос, но он печатал только один раз).Я действительно не могу видеть, что событие происходит дважды, и как я могу видеть, что событие происходит дважды.

<script language="javascript" type="text/javascript"> 

function grabKeyword(){
   var search=document.getElementById('search_box_second').value;
   search=encodeSearch(search);
   document.forms['Form1'].Term.value = search;
   document.forms['Form1'].submit();
   }

function submitSecondSearch(e)
{

if(window.event)
      keycode = window.event.keyCode; // IE
else           
      keycode = e.which;


if (keycode == 13)
   {
  grabKeyword();
   }
else
   {
   return true;
   }
}

</script>

<form action="/" style="" method="post" name="Form1" id="Form1">
<input id="search_box_second" class="search_results_input" type="text"  onKeyDown="submitSecondSearch(event)" /></span>
      <span style="float:right"><input type="image" src="images/bttn_search_result.png" value="submit" onClick="grabKeyword()" /></span>

<input type="hidden" name="page" value="Page" />
 <input type="hidden" name="action" value="action" />
 <input type="hidden" name="Term" value="" />
</form>

This is one form. i have another form in same page.

<script language="javascript" type="text/javascript"> 
 function grabSearch(){
    var search=document.getElementById('search_box').value;
    search=encodeSearch(search);
    document.forms['Form'].Term.value = search;
    document.forms['Form'].submit();
 }
 function encodeSearch(term){
    return term.replace(/[^A-Za-z]/g," ");
 }
 </script>
<script language="javascript" type="text/javascript"> 
 function submitenter(e)
{
if(window.event)
      keycode = window.event.keyCode; // IE
else
      keycode = e.which;

if (keycode == 13)
   {
  grabSearch();
   }
else
{
   return true;
   }
}
</script>

<form action="/" style="" method="post" name="Form" id="Form"><input id="search_box" type="text" value="Search" onblur="if (this.value == '') {this.value = 'Search';}"  onfocus="if (this.value == 'Search') {this.value = '';}" onKeyDown="submitenter(event)" />
    <div id="search_arrow"><input type="image" src="/images/search_arrow.png" width="4" height="8" value="submit" onClick="grabSearch()" /></div>
<input type="hidden" name="page" value="Page" />
 <input type="hidden" name="action" value="action" />
 <input type="hidden" name="Term" value="" />
</form>

Answer 1

Вы должны попробовать

return false;

после вашего .submit (); Таким образом, стандартное поведение элемента ввода изображения опускается.

Answer 2

<input type="image" src="images/bttn_search_result.png" value="submit" onClick="grabKeyword(); return false;" />