CODEWITHSUNDEEP
javascriptjqueryhtmlforms
Harsh Gupta
Harsh Gupta

Reputation: 173

Textarea enter keypress not working because of form submit enter prevention

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>

Upvotes: 4

Views: 9426

Answers (2)

Ravi Patel
Ravi Patel

Reputation: 763

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;
        }
      }
  });
});

Upvotes: 9

alan0xd7
alan0xd7

Reputation: 1851

To prevent the form from submitting, try this instead:

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

Upvotes: 1

Related Questions