Enter key to submit form with javascript in case of multiply form with php id

Question

I have separate reply form with each post with it's own php $id in same page. So I want to submit each reply with keyboard Enter key. I collect this javascript code below from here, but I cannot understand how apply it for each reply.

B.N: Collected code not working also.

my form:

<form action="" method="post" class="repfrm'.$id.'" id="prepfrm">
<textarea name="replycom" id="replycom'.$id.'" class="replycom"></textarea>
<button type="submit" name="submit" id="'.$id.'" class="replyfrm">Post Reply</button>
</form>

Collected Script From stockoverflow:

$(".replycom").keyup(function(event){
   if(event.keyCode == 13){
       $(".replyfrm").click();
   }
});

Use that http://stackoverflow.com/a/8981665/4478897 and modify using .closest("form").submit(); — nada, Feb 03 '15 at 12:54
If you change the `textarea` to an `input type="text"` you'll get this behaviour by default without the need for JavaScript. — Rory McCrossan, Feb 03 '15 at 12:55
Tushar Raj, $(".replyfrm").trigger('click'); working but submit all reply. — koc, Feb 03 '15 at 14:40

score 0 · Answer 1 · answered Feb 03 '15 at 12:58

0

Something like that:

Bind keypress to textarea and submit the closest form when press the key

$("textarea").keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
        $(this).closest("form").submit();
    }
});

answered Feb 03 '15 at 12:58

nada

962
5
22

Anirudha Gupta · Answer 2 · 2015-02-03T13:13:36.817

0

Try this script

 $(".replycom").keypress(function (e) {
        if (e.keyCode == 13) {
            $(this).parents('form').submit();
        }

    });

edited Feb 03 '15 at 13:13

answered Feb 03 '15 at 13:00

Anirudha Gupta

8,248
8
49
71

1

i think he wants to submit the form with the Intro/Enter key – nada Feb 03 '15 at 13:08

score 0 · Answer 3 · answered Feb 03 '15 at 13:04

0

Change textarea to textbox and you press enter in textBox then it works which you want. Do not required jQuery code.

<form action="" method="post" class="repfrm'.$id.'" id="prepfrm">
   <input type="text" name="replycom" id="replycom'.$id.'" class="replycom">
   <button type="submit" name="submit" id="'.$id.'" class="replyfrm">Post Reply</button>
</form>

answered Feb 03 '15 at 13:04

Sadikhasan

17,212
19
72
111

I have some css code with textarea, also I used $('textarea').elastic(); for auto height. so maybe I cannot change textarea to textbox. But I will try it also. Thank U. – koc Feb 03 '15 at 14:42

Enter key to submit form with javascript in case of multiply form with php id

3 Answers3