Сделать ссылку «введите интерактивными»

Question

Если у вас есть нормальная форма:

<form method='post' action='#'> 
<input type='text' name='#' /> 
<input type='submit' value='Submit /> 
</form> 

Затем вы можете заполнить поле ввода и нажмите клавишу ВВОД. Тем не менее, я использую ссылку, чтобы делать свою работу так:

<form method='post' action='#'> 
<input type='text' name='#' /> 
<a href='#' class='button' onclick='get_form(this).submit();'>Submit</a> 
</form> 

Это работает как шарм, однако, я хочу, чтобы наследовать «введите интерактивную», что нормальный представить поле имеет. Это возможно с помощью javascript?

Answer 1

$('#your_input_textfeild_id').keypress(function(e) { 
    //check if enter is pressed 
    if(e.keyCode == 13) { 


    //click your link 
     $('#your_submit_link_id').click(); 



    } 
    }); 

Answer 2

попробовать это:

<script> 
    document.getElementById('TEXTBOXID').onkeypress = function(e){ 
     var evt = e || window.event; 
     if(evt.keyCode == 13){ 
      get_form(this).submit(); 
     } 
    } 
</script> 

Answer 3

Вы можете попробовать это

document.getElementById('my_input').onkeypress = function(e) 
{ 
    var event = e || window.event; 
    if(event.keyCode == 13 && this.value!="") 
    { 
    form = this.parentNode; 
    if(form.tagName.toLowerCase() == "form") 
    { 
     form.submit(); 
    } 
    } 
} 

You have to add an id to your text box and replace my_input with it. 

Answer 4

Я думаю, что правильный способ сделать это на самом деле включают в себя

<input type="submit" > 

, которые вам может затем стиль скрываться. Кроме того, просто создайте элемент submit, чтобы посмотреть, как вы хотите. Моя причина в том, что браузер ищет этот элемент отправки, и именно так, как ключ ввода получает назначение для отправки формы. И я почему-то думаю, что лучше позволить браузеру обрабатывать такие вещи, а не использовать JavaScript для захвата события нажатия клавиши.