Disable Enter to submit the form

Question

I have a form with multiple TextBoxes, Textarea and Buttons. By pressing the ENTER in any text box submits the form. So i want to disable the pressing enter only in text boxes and to enable in text-area and buttons. i found a solution but they were using higher jquery version which were not working with mine jquery version. Below is the code i wrote but its only enables the enter in test area and not in buttons. I only have acces to jquery 1.3.1 or just java script. Please help me to fix this code.

$(document).keydown(function(e) { var element = e.target.nodeName.toLowerCase(); var element1 = e.target; alert(element1); if (element != 'textarea') { if (e.keyCode === 13) { return false; } } });

Here i do not want to completely disable pressing the ENTER. i want to disable it only in textboxes.

FYI, that's an extremely inefficient way of binding that event. For something like this, it's best to find the common parent of all inputs and assign the event there... — War10ck
– War10ck, Commented Dec 16, 2016 at 14:34
@acarroz5 the marked question wnats to disable completely. That dosen't solve my problem. its a different question. Please help — Nimble Fungus
– Nimble Fungus, Commented Dec 16, 2016 at 14:37
how are you submitting the form? Via an AJAX call or via a php script? — midda25
– midda25, Commented Dec 16, 2016 at 14:38
When textboxes have focus (give them a class) you could do a preventDefault() on the form submission? — midda25
– midda25, Commented Dec 16, 2016 at 14:40
There has to be something very special in your question, if you can't apply e.preventDefault() to your code. I just can't see the special nature of the question ... — Teemu
– Teemu, Commented Dec 16, 2016 at 14:42

Nimble Fungus · Accepted Answer · 2016-12-16 15:53:37Z

6

$(function () { $('input[type=text]').keypress(function(event) { if (event.keyCode == 13) { event.preventDefault(); } }); });

Js Fiddle : https://jsfiddle.net/bikrampahi/f0gxev76/

edited Dec 16, 2016 at 15:53

Nimble Fungus

5484 silver badges23 bronze badges

answered Dec 16, 2016 at 14:41

Bikram Pahi

1,1931 gold badge14 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Nimble Fungus Over a year ago

Bikram its not stoping the enter not even in Text Boxes. I have a jquery version 1.3.2. can that be the limitation?

Nimble Fungus Over a year ago

an ALERT inside this code is not getting called when i am putting ENTER in text area.

Bikram Pahi Over a year ago

I have implemented this way many time. if it is not working with your jquery version then I will check and update my answer in few minute.

Nimble Fungus Over a year ago

its not even called.

Nimble Fungus Over a year ago

I added ALERT in the code and its not working. Alert is not poping up up.jsfiddle.net/f0gxev76/1

|

Craig · Accepted Answer · 2016-12-16 15:34:13Z

Add the following attribute to the form element but only if there are no textareas on the form.

onkeypress="return event.keyCode != 13;"

Fiddle: https://jsfiddle.net/uffbost5/1/

Collectives™ on Stack Overflow

Disable Enter to submit the form

2 Answers 2

7 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Linked

Related