How to do that by clicking a key a Submit is sent

Question

Good is the following, I have a chat on my site, the chat has a text field and a send button that is to send. That is, the person type in the text and then have to click on the send.

I would like to know how to get the Submit sent when you click enter. In other words, you wouldn’t have to click on the Submit button to send, but just press enter to send the message.

Code of the Submit:

 <button class="btn btn-primary" type="submit" data-loading-text="<i class='fa fa-spinner fa-spin'></i> WAIT..." id="send_massage" style="margin-right:6px;">SEND</button>

Answer 1

You can do it like this: (source)

$("#id_of_textbox").keyup(function(event){
    if(event.keyCode == 13){
        $("#id_of_button").click();
    }
});

Answer 2

In fact you can send the form by any key.

See this example on JSFIDDLE that I rode. You can put any key code.

The codes can be seen here, just type the specific key into the form and the code appears next.

CODE

$('input[name="texto_exemplo"]').keypress(function (e) {
  if (e.which === 32) { /* 32 é a tecla de espaço, use 13 para [ENTER]*/
    if($('form[name="exemplo"]').submit()){
      alert("Formulário enviado!");
    }
    return false;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form action="" name="exemplo" method="POST">
  <input type="text" accesskey="s" name="texto_exemplo"/>
</form>

Answer 3

Good, with javascript you can use the event onkeypress() to realize if the button pressed was enter, if it is you call the submit, would look this way:

  <input type="text" id="txtSearch" onkeypress="return searchKeyPress(event);" />
<input type="button" id="btnSearch" Value="Search" onclick="doSomething();" />

<script>
function searchKeyPress(e)
{
    // look for window.event in case event isn't passed in
    e = e || window.event;
    if (e.keyCode == 13)
    {
        document.getElementById('btnSearch').click();
        return false;
    }
    return true;
}

function doSomething(){
  alert('submited');
}
</script>

Example in Jsfiddle.

Now, if you want to use jQuery, just use the event keyup() to make the same check, in this way:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="text" id="txtSearch"  />
    <input type="button" id="btnSearch" Value="Search"/>


<script>
$("#txtSearch").keyup(function(event){
    if(event.keyCode == 13){
        $("#btnSearch").click();
    }
});
  
$('#btnSearch').click(function(){
  alert('test');
});
</script>

Exemlo no Jsfiddle.

Source: Soen