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, Dec 16 '16 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, Dec 16 '16 at 14:37
how are you submitting the form? Via an AJAX call or via a php script? — midda25, Dec 16 '16 at 14:38
When textboxes have focus (give them a class) you could do a preventDefault() on the form submission? — midda25, Dec 16 '16 at 14:40
@midda25 via java script. But this forms is submitted by multiple scripts. Diffrent sscript for delete, update. So i want to add a key press event. — Nimble Fungus, Dec 16 '16 at 14:40
_"But this forms is submitted by multiple scripts."_ - Can you expand on this please? How is it submitted by multiple scripts? — War10ck, Dec 16 '16 at 14:41
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, Dec 16 '16 at 14:42
Possible duplicate of [jquery disable form submit on enter](http://stackoverflow.com/questions/11235622/jquery-disable-form-submit-on-enter) — Trevor Nestman, Dec 16 '16 at 14:44
@TrevorNestman Already flagged that, removed it because it's not a true dup — Fueled By Coffee, Dec 16 '16 at 14:46
@acarroz5 why did u removed ur answer. i have not tried it yet. — Nimble Fungus, Dec 16 '16 at 14:51
@NimbleFungus It was incorrect, I misread your code. Sorry man — Fueled By Coffee, Dec 16 '16 at 14:55
@War10ck we are passing some values to controller so multiple scripts for submit. Can you please help me with it. — Nimble Fungus, Dec 16 '16 at 15:23

score 6 · Accepted Answer · edited Dec 16 '16 at 15:53

6

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

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

edited Dec 16 '16 at 15:53

Nimble Fungus

513
3
22

answered Dec 16 '16 at 14:41

Bikram Pahi

1,107
1
12
33

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 Dec 16 '16 at 14:50
an ALERT inside this code is not getting called when i am putting ENTER in text area. – Nimble Fungus Dec 16 '16 at 14:58
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. – Bikram Pahi Dec 16 '16 at 14:59
its not even called. – Nimble Fungus Dec 16 '16 at 15:11
I added ALERT in the code and its not working. Alert is not poping up up.https://jsfiddle.net/f0gxev76/1/ – Nimble Fungus Dec 16 '16 at 15:17
@NimbleFungus Your fiddle was missing jQuery and the document ready handler. When I updated those it works: https://jsfiddle.net/f0gxev76/2/ – War10ck Dec 16 '16 at 15:25
@War10ck Thanks you that was the issue. Thanks. Its working in fiddle. – Nimble Fungus Dec 16 '16 at 15:35

Craig · Answer 2 · 2016-12-16T15:34:13.260

0

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/

edited Dec 16 '16 at 15:34

answered Dec 16 '16 at 15:26

Craig

332
1
7

Disable Enter to submit the form

2 Answers2