How To Disable Enter Button In A Form? October 06, 2022 Post a Comment I have this HTML form: log in user name : Solution 1: There are plenty of solutions for that. Here is one of the simplest: <html> <head> <title>log in</title> </head> <body> <form action="login.php" method="POST" onsubmit="return false;"> user name : <input type="text" name="user"> <br> user pass : <input type="password" name="pass"> <br> <input type="button" value="submit" onclick="this.parentNode.submit();"> </form> </body> </html> Copy DEMO: http://jsfiddle.net/EFDZ2/ Solution 2: This is what worked best for me: <input id="input_id" type="text"> <script> // prevent the enter key from submitting the form if input_id has focus to prevent accidental submission document.getElementById('input_id').addEventListener('keypress', function(event) { if (event.keyCode == 13) { event.preventDefault(); } }); </script> Copy Solution 3: Just to add on to VisioN's answer, there might be instances where the input is not a direct child of the form, so in these cases simply referring to the form as this.form will work.Baca JugaInclude Javascript In Perl-cgi Generated PageConvert Html To Javascript StringApply A Oil Paint/sketch Effect To A Photo Using Javascript <html> <head> <title>log in</title> </head> <body> <form action="login.php" method="POST" onsubmit="return false;"> user name : <input type="text" name="user"> <br> user pass : <input type="password" name="pass"> <br> <div> <input type="button" value="submit" onclick="this.form.submit();"> </div> </form> </body> </html> Copy Solution 4: Add the below script to the section of your page. <script type="text/javascript"> function stopRKey(evt) { var evt = (evt) ? evt : ((event) ? event : null); var node = (evt.target) ? evt.target : ((evt.srcElement)?evt.srcElement : null); if ((evt.keyCode == 13) && (node.type=="text")) { return false; } } document.onkeypress = stopRKey; </script> Copy Solution 5: $(document).ready(function() { function checkKey(e) { if (e.keyCode == 13) { if (!e) var e = window.event; e.cancelBubble = true; e.returnValue = false; if (e.stopPropagation) { e.stopPropagation(); e.preventDefault(); } } } $("input").keydown(checkKey); }) Copy This should work in all browsers. It requires JQuery to make life simpler. DEMO: http://jsfiddle.net/WDvvY/ Share You may like these postsAccess Values In Select Option Tag With More Than One Value Using JavascriptJquery Scrolltop() Returns Value Of Previous Scroll PositionRegex Patterns For Html5 Text FieldHow To Validate Ip Address On Multiple Inputs? Post a Comment for "How To Disable Enter Button In A Form?"
Post a Comment for "How To Disable Enter Button In A Form?"