How To Disable Enter Button In A Form? May 17, 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 JugaAlign List Item Images To Center In HtmlHow To Add Onchange Function For All Html Form FieldsHow Can I Add Text In My Scroll To Top Button Which Already Has An Icon In It<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 postsNeed Help Accessing Variable From Service In Angular 2Bootstrap Datetimepicker Don't Work With Readonly Or DisabledForm Hidden Value Not Working?Lightbox Only Show's First Image Post a Comment for "How To Disable Enter Button In A Form?"
Post a Comment for "How To Disable Enter Button In A Form?"