ホームページ >ウェブフロントエンド >jsチュートリアル >キャリッジリターンによる form_javascript ヒントの送信を防ぐ JavaScript メソッド
誰もが Enter キーの機能をよく知っているはずです。たとえば、Windows システムの多くのアプリケーションでは、Enter キーをクリックするだけでプログラムに入ったり、特定の機能を有効にしたりできます。たとえば、フォームに入力するときに誤って Enter キーをクリックしてしまい、フォームが誤って送信される可能性があります。この機能の実装方法について簡単に説明します。コード例は次のとおりです:
Enter キーによるフォームの送信を禁止する方法は、実際には非常に簡単で、たった 1 つの文です。 onkeydown="if(event.keyCode==13)return false;" この文をfromタグに書くだけです。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>屏蔽回车提交表单功能</title> <script type="text/javascript"> window.onload=function() { var myform=document.getElementById("myform"); myform.onkeypress=function(ev) { var ev=window.event||ev; if(ev.keyCode==13||ev.which==13) { return false; } } } </script> </head> <body> <p>在表单中回车默认会提交表单,在form的onkeypress事件中处理,只要返回false就可禁用回车提交表单</p> <form id="myform"> <input type="text" name="username"/> <input type="submit" value="提交"/> </form> </body> </html>
上記のコードは、Enter をクリックしてフォームを送信する機能をブロックする可能性があります。コードはシンプルで理解しやすいです。理解できない場合は、貴重なご意見をお聞かせください。今後ともスクリプト ハウスのウェブサイトをご利用いただきありがとうございます。