Введите кнопку отправки и введите

У меня много форм, которые отправляются либо путем явного нажатия <input type="image">, либо клавиши ввода.

Используемый код:

<input width="62" type="image" height="22" border="0" onclick="flipSearchButton()" alt="Search" tabindex="9" src="/images/button-search.gif">

Эти формы были переработаны, и код выглядит так

<a onclick="javascript:flipSearchButton();" class="button blue right" tabindex="9" href="javascript: submitform(&quot;main&quot;)">Search</a>

Однако после изменения при нажатии клавиши ввода форма не отправляется.

Как я могу сделать кнопку ввода для отправки формы?

Раздел html кнопок ввода и очистки формы:

  <div class="inline">
         <a class="icon blue left" onClick="javascript:resetForm();">Clear</a>
    </div>
    <div id="search_clickable">
          <a tabindex="14" class="button blue right" href="javascript:flipSearchButton();submitform('main')">Search</a>
    </div>
    <div id="search_unclickable" class="disp_none;">
          <a class="button blue right" href="">Searching...</a>
     </div>



<script type="text/javascript">
    function resetForm() {
        var formObj = document.main;
        formObj.subCategory.value = '';
        formObj.surname.value = '';
        formObj.includeSurnameVariants.checked = false;
        formObj.forenames.value = '';
        formObj.forenames.focus();
        formObj.includeForenamesVariants.checked = true;
        formObj.eventYear.value = '';
        formObj.eventYearTolerance[3].selected = true;              
        formObj.county.value = '';
    }   

    $(document).ready(function() {
        document.main.forenames.focus();
    });
</script>

input jquery submit enter
person gek    schedule 04.11.2011    source источник
comment
какую ошибку вы видите в firebug   -  person defau1t    schedule 04.11.2011
comment
Я не вижу ошибок. Ничего не происходит, если я нажимаю клавишу ввода   -  person gek    schedule 04.11.2011
comment
Было бы полезно, если бы вы предоставили больше своего кода, чтобы мы могли изучить эти функции и выяснить, не вызывают ли они вашу проблему.   -  person Blazemonger    schedule 04.11.2011
comment
Когда форма имеет одно поле ввода, нажатие enter в этом поле вызывает отправку - я предполагаю, что удаление input и замена его на a удалили эту функциональность.   -  person Manse    schedule 04.11.2011
comment
Думаю, я вернусь к полям ввода и буду использовать стилизованную версию. Благодарность   -  person gek    schedule 04.11.2011

Ответы (2)


arrow_upward
1
arrow_downward

Попробуй это:

<a class="button blue right" tabindex="9" 
    href="javascript:flipSearchButton();submitform('main')">Search</a>
person Blazemonger    schedule 04.11.2011

arrow_upward
1
arrow_downward 

$('.submitme').keypress(function(e){
      if(e.which == 13){
         submitform('main');
      }
});

Добавьте этот код, затем добавьте класс submitme в поле ввода, которое вы хотите, чтобы форма отправлялась при нажатии клавиши ввода - это вызовет метод submitform()

person Manse    schedule 04.11.2011
comment
Я добавил jquery и класс в свою кнопку отправки, но все еще нажатие кнопки ввода не отправляет форму - person gek; 04.11.2011