Disable enter key from submitting form and can be used in textarea to enter new line

Asked Feb 27 '14 at 07:19

Active Feb 27 '14 at 08:23

Viewed 75 times

Here is my code. I tried this in firefox as well as chrome but it us not working

Html:

  <form id="leform">
    <div>
        Name: <input type="text" name="firstname">
        <textarea type="text" name="lastname"></textarea>
    </div>
    <input type="submit">
</form>

Script:

 $(document).ready(function() {

    $(document).keypress(function(e) {

        if (e.which == 13 && e.target.tagName != "TEXTAREA") {
            return false;
        }
    });
});

edited Feb 27 '14 at 07:22

Andrew

5,290
1
19
22

asked Feb 27 '14 at 07:19

Raj

please provide the html too – Anoop Joshi P Feb 27 '14 at 07:22
Please use `jquery`. similar question and answer http://stackoverflow.com/questions/895171/prevent-users-from-submitting-form-by-hitting-enter – Ethen Feb 27 '14 at 07:24
Text area by default will not submit the form. Are you talking about textbox? – SajithNair Feb 27 '14 at 07:24
e.target.tagName != "TEXTAREA" should this be e.target.tagName == "TEXTAREA" – SajithNair Feb 27 '14 at 07:25
It works for me, http://jsfiddle.net/F26Lh/ – Andrew Feb 27 '14 at 07:26
See in console, Are you sure you have included jquery properly? – Rohit Awasthi Feb 27 '14 at 07:34

Disable enter key from submitting form and can be used in textarea to enter new line

0 Answers0