Отправить форму на Enter ключ с javascript

Я не уверен, что я делаю неправильно здесь. Я хочу, чтобы ключ ввода работал, а также нажав кнопку.

<form action="" method="get" class="priceOptionForm" name="priceOptionForm">
<input name="paypal_email" type="text" value="whatever" id="email"></label>
<a href="javascript:void(0);" class="bluebtn" id="profile_price" style="width:60px;margin-top:5px;">Save all</a>
</form>

Ответы

Ответ 1

Попробуйте следующее:

document.getElementById('email').onkeydown = function(e){
   if(e.keyCode == 13){
     // submit
   }
};

Ответ 2

Все ниже коды должны быть добавлены в блок или файл script. определить функцию отправки:

function submitForm(){
    document.priceOptionForm.submit();
    document.priceOptionForm.method='post';
}

Для ввода ключа для отправки формы:

document.onkeydown=function(){
    if(window.event.keyCode=='13'){
        submitForm();
    }
}

Для связи:

document.getElementById("profile_price").onclick=submitForm;

Вы можете обратиться к http://jsfiddle.net/honglonglong/YMX2q/ для некоторых попыток.

Ответ 3

Пожалуйста, используйте ниже фрагмент кода... Его следует добавить в блок script

<script>
    document.onkeydown=function(evt){
        var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
        if(keyCode == 13)
        {
            //your function call here
        }
    }
</script>

Ответ 4

просто создайте скрытую кнопку вроде этого
HTML

<input type="submit" id="submitbtn"  />

CSS

submitbtn{display:none;}

когда пользователь нажмет кнопку ввода, форма будет отправлена
Не забудьте поставить type = "submit"

Ответ 5

Используйте <input type="submit"> вместо ссылки. Затем клавиша ввода будет работать автоматически.

Ответ 6

О, потому что элемент формы HTML не распознает ссылку как кнопку, чтобы щелкнуть.. вам нужно заменить его кнопкой...

<input type="submit" value="this will display on your button" onClick="javascript:void(0)">

но если вы хотите, чтобы он выглядел как ссылка, вы должны сделать это в css

<style type="text/css">
input{background-color:white;border:0 none;}
</style>