Disabling enter key for form

Question

I have been trying to disable the Enter key on my form  The code that I have is shown below  For some reason the enter key is still triggering the submit  The code is in my head section and seems to be correct from other sources   disableEnterKey  function disableEnterKey e           var key                if window event              key   window event keyCode    IE         else             key   e which    firefox                return  key    13

User · Answer

The better way I found here   Dream In Code  action  javascript  void 0   or action  return false     doesn t work on me

User · Answer

try this       document  ready function                form   bind  keypress   function e                if  e keyCode    13                    return false                                      Hope this helps

User · Answer

I checked all the above solutions  they don t work  The only possible solution is to catch  onkeydown  event for each input of the form  You need to attach disableAllInputs to onload of the page or via jquery ready          Prevents default behavior of pushing enter button  This method doesn t work     if bind it to the  onkeydown  of the document form  or to the  onkeypress  of    the input  So method should be attached directly to the input  onkeydown      function preventEnterKey e           W3C  Chrome FF     IE     e   e    window event      var keycode   e which    e keyCode      if  keycode    13       Key code of enter button            Cancel default action         if  e preventDefault       W3C             e preventDefault              else      IE             e returnValue   false                       Cancel visible action         if  e stopPropagation       W3C             e stopPropagation              else      IE             e cancelBubble   true                       We don t need anything else         return false             Disable enter key for all inputs of the document    function disableAllInputs         try           var els   document getElementsByTagName  input            if  els                for   var i   0  i  lt  els length  i                      els i  onkeydown   preventEnterKey                                catch  e

User · Answer

Just add following code in  lt Head gt  Tag in your HTML Code  It will Form submission on Enter Key For all fields on form    lt script type  text javascript  gt      function stopEnterKey evt            var evt    evt    evt     event    event   null           var node    evt target    evt target     evt srcElement    evt srcElement   null           if   evt keyCode    13   amp  amp   node type     text      return false              document onkeypress   stopEnterKey   lt  script gt

User · Answer

In your form tag just paste this   onkeypress  return event keyCode    13     Example   lt input type  text  class  search  placeholder  search  onkeypress  return event keyCode    13   gt    This can be useful if you want to do search when typing and ignoring ENTER        Grab the search term const searchInput   document querySelector   search       Update search term when typing searchInput addEventListener  keyup   displayMatches

User · Answer

For a non-javascript solution  try putting a  lt button disabled gt Submit lt  button gt  into your form  positioned before any other submit buttons inputs  I suggest immediately after the  lt form gt  opening tag  and using CSS to hide it  accesskey  -1  to get it out of the tab sequence  etc  AFAICT  user agents look for the first submit button when ENTER is hit in an input  and if that button is disabled will then stop looking for another   A form element s default button is the first submit button in tree order whose form owner is that form element  If the user agent supports letting the user submit a form implicitly  for example  on some platforms hitting the  quot enter quot  key while a text field is focused implicitly submits the form   then doing so for a form whose default button has a defined activation behavior must cause the user agent to run synthetic click activation steps on that default button  Consequently  if the default button is disabled  the form is not submitted when such an implicit submission mechanism is used   A button has no activation behavior when disabled   https   www w3 org TR html5 forms html implicit-submission  However  I do know that Safari 10 MacOS misbehaves here  submitting the form even if the default button is disabled  So  if you can assume javascript  insert  lt button onclick  quot return false  quot  gt Submit lt  button gt  instead  On ENTER  the onclick handler will get called  and since it returns false the submission process stops  Browsers I ve tested this with won t even do the browser-validation thing  focussing the first invalid form control  displaying an error message  etc

User · Answer

if you use jQuery  its quite simple  Here you go    document  keypress    function event       if  event which     13           event preventDefault

User · Answer

Here s a simple way to accomplish this with jQuery that limits it to the appropriate input elements     prevent submission of forms when pressing Enter key in a text input   document  on  keypress     input not textarea  not  type submit     function  e        if  e which    13  e preventDefault          Thanks to this answer  https   stackoverflow com a 1977126 560114

User · Answer

Most of the answers are in jquery  You can do this perfectly  in pure Javascript  simple and no library required  Here it is    lt script type  text javascript  gt  window addEventListener  keydown  function e  if e keyIdentifier   U 000A   e keyIdentifier   Enter   e keyCode  13  if e target nodeName   INPUT  amp  amp e target type   text   e preventDefault   return false     true    lt  script gt    This code works great because  it only disables the  Enter  keypress action for input type  text   This means visitors are still able to use  Enter  key in textarea and across all of the web page  They will still be able to submit the form by going to the  Submit  button with  Tab  keys and hitting  Enter    Here are some highlights    It is in pure javascript  no library required   Not only it checks the key pressed  it confirms if the  Enter  is hit on the input type  text  form element   Which causes the most faulty form submits Together with the above  user can use  Enter  key anywhere else  It is short  clean  fast and straight to the point       If you want to disable  Enter  for other actions as well  you can add console log e   for your your test purposes  and hit F12 in chrome  go to  console  tab and hit  backspace  on the page and look inside it to see what values are returned  then you can target all of those parameters to further enhance the code above to suit your needs for  e target nodeName    e target type  and many more

User · Answer

this is in pure javascript   x000D   x000D          document addEventListener  keypress   function  e    x000D              if  e keyCode     13    e which     13    x000D                  e preventDefault    x000D                  return false  x000D                x000D               x000D              x000D   x000D   x000D

User · Answer

The solution is so simple   Replace type  Submit  with button   lt input type  button  value  Submit  onclick  this form submit      gt

User · Answer

You can try something like this  if you use jQuery      form   bind  keydown   function e       if  e keyCode     13  return false         That will wait for a keydown  if it is Enter  it will do nothing

[javascript] Disabling enter key for form

Dream.In.Code

Examples related to javascript

Examples related to html

Examples related to window