How To Disable Enter Button In A Form? February 15, 2024 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><formaction="login.php"method="POST"onsubmit="return false;"> user name : <inputtype="text"name="user"><br> user pass : <inputtype="password"name="pass"><br><inputtype="button"value="submit"onclick="this.parentNode.submit();"></form></body></html> CopyDEMO:http://jsfiddle.net/EFDZ2/Solution 2: This is what worked best for me: <inputid="input_id"type="text"><script>// prevent the enter key from submitting the form if input_id has focus to prevent accidental submissiondocument.getElementById('input_id').addEventListener('keypress', function(event) { if (event.keyCode == 13) { event.preventDefault(); } }); </script>CopySolution 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 Juga'scales' Option Appears To Break Chart.js GraphHow To Guarantee An Element Will Have A Particular HeightHow To Move Table To The Top Of The Div Container Based On A Condition With Jquery?<html><head><title>log in</title></head><body><formaction="login.php"method="POST"onsubmit="return false;"> user name : <inputtype="text"name="user"><br> user pass : <inputtype="password"name="pass"><br><div><inputtype="button"value="submit"onclick="this.form.submit();"></div></form></body></html> CopySolution 4: Add the below script to the section of your page.<scripttype="text/javascript">functionstopRKey(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")) { returnfalse; } } document.onkeypress = stopRKey; </script>CopySolution 5: $(document).ready(function() { functioncheckKey(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); }) CopyThis should work in all browsers. It requires JQuery to make life simpler. DEMO:http://jsfiddle.net/WDvvY/ Share You may like these postsHow Can Div Elements Take Only The Space Of Their Inner Content In A Css3 Flexbox?A Convention For Indicating Whether An Html Element Is Referenced From Js CodeDjango_tables2 With Edit And Delete Buttons. How To Do It Properly?Bootstrap Js Scrollspy Into A Bootstrap Panel Post a Comment for "How To Disable Enter Button In A Form?"
Post a Comment for "How To Disable Enter Button In A Form?"