Disable SUBMIT on ENTER - script not working

Question

I've tried a few suggestions from this site on preventing SUBMIT when the user presses the ENTER key on a form, but they don't seem to work. I'm either not putting the SCRIPT in the correct place or maybe it's because I'm using a MODAL?

Here's one of the scripts I tried:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js">
            $(document).ready(function() {
              $(window).keydown(function(event){
                if(event.keyCode == 13) {
                 event.preventDefault();
                  return false;
                }
              });
             });
</script>

I've put the code after the FORM tags, nested it in the BUTTON SUBMIT tags. Where am I going wrong? The form is a simple form with inputs and selects with some PHP to populate the select tags.

I recommend declaring jquery as a separate script and then just using <script>//your code</script> — treyBake
– treyBake, Commented Mar 15, 2018 at 8:53
@ThisGuyHasTwoThumbs - I'm not sure what you mean by declaring it as a separate script? — Rayza
– Rayza, Commented Mar 15, 2018 at 9:03
so declare one script like <script src="/path/to/jquery.js"></script> then another like <script>$(document) //rest of code</script> - keeps the code clean and easier to manage :) — treyBake
– treyBake, Commented Mar 15, 2018 at 9:06
Winner Winner Chicken Dinner!! - Thanks @ThisGuyHasTwoThumbs - that worked... yes, I play PUBG :) — Rayza
– Rayza, Commented Mar 15, 2018 at 9:12

Justinas · Accepted Answer · 2018-03-15 09:11:56Z

2

When there is src attribute in <script> any content inside tag is ignored. (docs)

You have to create two tags. One for jQuery CDN and one for your code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(window).keydown(function(event){
        if(event.keyCode == 13) {
            event.preventDefault();
            return false;
        }
    });
});
</script>

answered Mar 15, 2018 at 9:11

Justinas

43.9k5 gold badges72 silver badges108 bronze badges

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

3 Comments

Rayza Over a year ago

Thanks for explaining about the code inside the SRC tag being ignored...

Rayza Over a year ago

I wanted to mark this but you gave me the correct answer first so I was a bit hesitant. I have marked it now...

treyBake Over a year ago

@Rayza I only commented :) don't worry bout it ;) :)

Collectives™ on Stack Overflow

Disable SUBMIT on ENTER - script not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related