Prevent submit form with ENTER jquery not working with alerts

Question

I have a form with a text input.

I managed to prevent ENTER from submitting the form by doing this:

jQuery("#inputTags").keydown(function(event) {
      if (event.keyCode == '13') {
         event.preventDefault();

         tagManagerCreate(true);

         return false;
      }
    });

tagManagerCreate() does some stuff. Sometimes, this function triggers a javascript "alert". For some reason when that happens, the form still gets submitted!

For design purposes I changed to the jQuery-UI dialog, and it fixed it. But I guess the question is still relevant for others — Nathan H, Aug 18 '11 at 14:56

score 2 · Accepted Answer · answered Aug 18 '11 at 14:52

2

I think you should use .keypress instead of .keydown

http://api.jquery.com/keypress/

http://api.jquery.com/keydown/

and what the tagManagerCreate(true); do?

answered Aug 18 '11 at 14:52

zod

11,702
23
66
104

I think that was it. I'll test again with alert (since i removed it) and let you know. tagManagerCreate makes an ajax calls and sometimes triggers an alert based on the result – Nathan H Aug 20 '11 at 17:17

score 0 · Answer 2 · answered Aug 18 '11 at 15:07

0

Can you try to wrap tagManagerCreate(true); in a try/catch block and see?

try{

   tagManagerCreate(true);

}catch(e){}

answered Aug 18 '11 at 15:07

ShankarSangoli

68,720
11
89
123

Prevent submit form with ENTER jquery not working with alerts

2 Answers2