get the value of input text when enter key

Question

how i can get the value of input text when enter key pressed in this cod ? .....................................................................

<body>
  <div id="center">
    <div id="boxtop"></div> 

    <div id="boxdown"> 
      <input type="text" id="txt"/>
      <button type="submit"  onclick="SaveData()" id="btn" >SEND</button>
    </div> 

  </div> 
  <script>
    function SaveData() {
        work = "insert";
        chat = $('#txt').val();
        $.ajax({
            type: "POST",
            url: "server.php",
            data: "work="+work+"&chat="+chat,
            success: function(msg){
                 $('#txt').val('');
                }
            });
        }
  </script>
</body>

Possible duplicate of [get the value of input text when enter key pressed](http://stackoverflow.com/questions/20998541/get-the-value-of-input-text-when-enter-key-pressed) — gzc, Jan 27 '17 at 05:28

pixelarbeit · Answer 1 · 2017-01-26T22:17:52.550

1

You should add a form around your button and input. Then you can handle both events with

$('form').on('submit', function() {
    SaveData();
    return false;
});

edited Jan 26 '17 at 22:17

answered Jan 26 '17 at 22:03

pixelarbeit

484
2
11

This code is for Ajax ! If my form, I will reload my page – Toprex Jan 26 '17 at 22:15
You can cancel the event with `return false;` at the end ;) Or you can use `event.preventDefault();` at the beginning. Check the updated answer. – pixelarbeit Jan 26 '17 at 22:16

Farzin Kanzi · Answer 2 · 2017-01-26T22:47:21.037

0

If you want to fire an event with ajax function you do not need submit button.

$('form').on('submit', function(){
   preventDefault(); ....

Why you submit the form and then prevent submit?

It is better to do this:

   $(document).keydown(function (e)
    {
        if(e.keyCode == 13)
          SaveData();
    });

edited Jan 26 '17 at 22:47

answered Jan 26 '17 at 22:02

Farzin Kanzi

3,380
2
21
23

score 0 · Answer 3 · edited Jan 26 '17 at 23:51

0

  $('#txt').keypress(function (e) {
      if(e.which == 13) {
          chat = $('#txt').val();
      }
  });

edited Jan 26 '17 at 23:51

xlm

6,854
14
53
55

answered Jan 26 '17 at 22:05

sohel101091

235
1
2
10

I added this code to the first source but did not work – Toprex Jan 26 '17 at 22:18
Here's a fiddle with the same code. Once you hit enter after typing something it alerts with the text that you typed. https://jsfiddle.net/wf6o4wpf/ – sohel101091 Jan 27 '17 at 02:03

get the value of input text when enter key

3 Answers3