Введите кнопку отправки и введите - PullRequest
0 голосов
/ 04 ноября 2011

У меня есть много форм, которые отправляются путем нажатия явного <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>

Ответы [ 2 ]

1 голос
/ 04 ноября 2011
$('.submitme').keypress(function(e){
      if(e.which == 13){
         submitform('main');
      }
});

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

1 голос
/ 04 ноября 2011

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

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