Ignore Next Line When Enter Is Pressed

Is there are any solutions to ignore moving to the next line? For example, I have a textarea and when I click enter my form is being sent but at the same time a cursor is moved to

Solution 1:

If you do not want behavior of textarea, use input type='text' instead.

To prevent enter key ,

Attach keypress event and Event.preventDefault() if keyCode is 13(EnterKey)

$('#ta').on('keypress', function(e) {
  if (e.keyCode === 13) {
    e.preventDefault();
  }
})

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><textareaname=""id="ta"cols="30"rows="10"></textarea>

Fiddle Demo

Solution 2:

Use the attribute 'autocomplete' in input. See example below