I have a form in which I've used the following code to prevent the form being submitted on the press of 'Enter'.

<script>
$(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});

</script>

As a result, the 'Enter' key is not working in any textarea input. I can't enter a new line because of the body function. How do I solve this?

<textarea name='description' placeholder="Any other information (optional)"</textarea>

I have a form in which I've used the following code to prevent the form being submitted on the press of 'Enter'.

<script>
$(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});

</script>

As a result, the 'Enter' key is not working in any textarea input. I can't enter a new line because of the body function. How do I solve this?

<textarea name='description' placeholder="Any other information (optional)"</textarea>

• javascript
• jquery
• html
• forms

• 2 try this : jsfiddle/scraaappy/bfwvc3ya – scraaappy Commented May 1, 2015 at 11:03
• Why would you do that? (catch the 13 key that is) – Maurice Perry Commented May 1, 2015 at 11:04

2 Answers 2

I have find solution.

You prevent enter key on all the form element. Just add some tweak to your code and its done. Just skip prevention of enter key when your focus is on textarea. See below code :

$(document).ready(function() {
  $(window).keydown(function(event){
      if(event.target.tagName != 'TEXTAREA') {
        if(event.keyCode == 13) {
          event.preventDefault();
          return false;
        }
      }
  });
});

To prevent the form from submitting, try this instead:

$("form").submit(function(e){
  e.preventDefault();
}