How to submit form multiple times when using contenteditable on pressing enter key

Question

Here is my code, it works fine and gives an alert message as many times as I want, but submits the form only once.

$("div[contenteditable]").keypress(function (evt) {
  var keycode = evt.charCode || evt.keyCode;
  if (keycode  == 13) { //Enter key's keycode
  // $("#subcmt_smt").submit();
  alert('cool');
  return false;
  }  
});

How do I get it to submit the form every time?

You can [refer here](https://stackoverflow.com/questions/35037069/what-is-the-meaning-of-onsubmit-return-false-javascript-jquery) — vrintle, Oct 03 '18 at 18:01
but i want to submit form on enter and if i will remove return false then enter will not submit the form — nitin verma, Oct 03 '18 at 18:05

ABC · Answer 1 · 2018-10-03T18:27:25.257

-1

$(".content").keypress(function(evt) {
    var keycode = evt.charCode || evt.keyCode;
    if (keycode == 13) { //Enter key's keycode
        $(".myForm").submit();
        alert('Form submitted, then this alert came. Try again.');
        return false;
    }
});

$(".myForm").submit(function(event) {
    alert("Handler for .submit() called.");
    event.preventDefault();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
 <form action="/" class="myForm">
  <textarea></textarea>
 </form>
</div>

edited Oct 03 '18 at 18:27

answered Oct 03 '18 at 17:58

ABC

2,068
1
10
21

i don't want to use input tag – nitin verma Oct 03 '18 at 18:06
You are using what? – ABC Oct 03 '18 at 18:07
actually i am making a comment system using
as my textarea and i am using the above code to submit the form on enter without going to the next line i works fine but only for once
– nitin verma Oct 03 '18 at 18:11
Can you please add some information to your answer, many people are not looking down in the comments. Thank you. – Timo Reymann Oct 03 '18 at 18:57

How to submit form multiple times when using contenteditable on pressing enter key

1 Answers1