キャリッジリターンによる form_javascript ヒントの送信を防ぐ JavaScript メソッド-jsチュートリアル-php.cn

キャリッジリターンによる form_javascript ヒントの送信を防ぐ JavaScript メソッド

WBOY

リリース： 2016-05-16 15:22:45

オリジナル

1331 人が閲覧しました

誰もが 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 をクリックしてフォームを送信する機能をブロックする可能性があります。コードはシンプルで理解しやすいです。理解できない場合は、貴重なご意見をお聞かせください。今後ともスクリプトハウスのウェブサイトをご利用いただきありがとうございます。