Detect the cursor location

Question

I have 25 components which includes [textarea, textfile, radio, combo, etc...] and I have written a key event so that when "ENTER" is entered, I call a function which will submit the page.

Now my page is getting submitted when I press enter, even in the textarea which should not be. So is there any way that I can not submit the page if it is pressed in the text area?

This happens only in IE7 and IE8; it works properly in all the other browser.

Answer 1

you could probably detect if any of the textarea, etc is not filled out/emtpy/unset. if all of them are filled out properly, send the form.

Answer 2

Did you attach the "key event" to the whole form? The whole DOM? if you did that's a normal behavior.

If you want the "Enter key" to submit the page when the focus is on the submit button then apply this functionality in the onsubmit event - there of course you can perform all the validation you need. If you just want to exclude the enter key event from the text area - perform a simple check if the the focus is in the textarea that momemnt.

Answer 3

The default behaviour of a form is to submit if the user hits enter inside the form unless the focus is on a textarea, so what you want is the default behaviour. Remove whatever code you have that currently handles keypresses for the form and you'll have what you want.

Answer 4

I'm not sure if this will suit your needs, but you can disable the enter key inside the textarea with something like this:

$(document).ready(function(){
 $('textarea').keypress(function(e){
  var key = (window.event) ? e.keyCode : e.which;
  if ( key == 13 ) {
   return false;
  } else {
   return true;
  }
 })
})