Отправка формы клавишей enter

338

26 ноября 2016, 17:52

сама форма

<form action="index.php" name="searchform" method=get>
    <input type="text" id="auto1" name="searchstring" size="20" value="{$searchstring|default:""}">
</form>

отправка формы

<a id="aaa" onClick="First();" href="">отправить</a>

функция

<script type="text/javascript">
    function First () {
    var url = 'index.php?searchstring=' + title;
    aaa.href =  url;
    }
</script>

Как по нажатию на клавишу enter её отправить? а если адаптировать эту функцию под button, то будет отправляться эта форма по клавише?

Answer 1

function submitForm() { 
  alert('before submit'); 
  document.getElementById('frm').submit(); 
} 
 
document.getElementById('auto1').onkeypress = function(event) { 
  if (event.keyCode == 13) { 
    submitForm(); 
  } 
}

<form action="index.php" name="searchform" method="get" id="frm"> 
  <input type="text" id="auto1" name="searchstring" size="20" value="{$searchstring|default:" "}"> 
</form> 
 
<a onclick="submitForm()" href="javascript://">отправить</a>

Answer 2

Добавить кнопку <input type="submit"> или <button type="submit"></button> МОЖНО СКРЫТУЮ

<form action="index.php" name="searchform" method=get>
    <input type="text" id="auto1" name="searchstring" size="20" value="{$searchstring|default:""}">
<input type="submit" style='display: none;'>
</form>