ウェブページで Enter キーを押すと自動的にフォームを送信し、他のページにジャンプするソリューション

ウェブページで Enter キーを押すと自動的にフォームを送信し、他のページにジャンプするソリューション
ウェブページでEnterキーを押すと、フォームは自動的に送信され、他のページに移動します。

クエリフォームがあります。当初はクエリボタンをクリックした時のみクエリが実行されることを希望していましたが、テスト中に Enter キーを押すと他のページに移動しました。

コードをコピー
コードは次のとおりです。

<フォームアクション="notice.php" メソッド="get">
...
<button type='button' onclick ="search_wj()" class="btn btn-ok">検索</button>
</フォーム>

解決:

フォームにonsubmit="search_wj();return false;"を追加します。

コードをコピー
コードは次のとおりです。

<form action="notice.php" onsubmit="search_wj();return false;" method="get">
...
<button type='button' onclick ="search_wj()" class="btn btn-ok">検索</button>
</フォーム>

<<:  CSS3アニメーション属性に基づくWeChatタップアニメーション効果の実装

>>:  インタラクティブデザインでページングと読み込みのどちらを選択するかについての説明

推薦する

Javascript の基礎: 演算子とフロー制御の詳細な説明

目次1. オペレーター1.1 算術演算子1.2 インクリメント演算子とデクリメント演算子1.3 比較...

Tomcat の 404 エラーの解決方法の詳細な説明

Tomcat テストで 404 問題が発生します。問題は次のとおりです。 HTTP ステータス 40...

Centos7 での MySQL のインストールに関するチュートリアル

最近、自宅サーバーにクラウドディスクを導入する予定なので、一連の環境構築作業を始めました。MySQL...

Vueのwatch、computed、methodsの違いのまとめ

目次1 はじめに2 基本的な使い方2.1 方法2.2 計算プロパティ2.3 リスナーを見る3 3つの...

node.jsのコアモジュールとは

目次グローバルオブジェクトグローバルオブジェクトとグローバル変数プロセスコンソール一般的なツールユー...

1 時間で MySQL データベースを学ぶ (Zhang Guo)

目次1. データベースの概要1.1 開発の歴史2. MySQL の紹介2.1. MySQLの概要2....

HTML テーブル境界制御実装コード

一般的に、テーブルを使用する場合は、常に <table border="1"...

vue シンプルメモ帳開発の詳しい説明

この記事では、参考までにEasy Notepadを実装するためのVueの具体的なコードを紹介します。...

Windows に Docker をインストールする詳細なチュートリアル

ローカルの MySQL バージョンが比較的低いため、最近 MySQL のバージョンをアップグレードす...

Linux userdel コマンドの使用法

1. コマンドの紹介userdel (ユーザー削除) コマンドは、ユーザー アカウントと関連ファイル...

MySQLが基礎データ構造としてB+ツリーを使用する理由

MySQL の基盤となるデータ構造が B+ ツリーであることは誰もが知っていますが、ではなぜ赤黒ツリ...

CentOS8でルートパスワードを素早く変更する方法

Centos8仮想マシンを起動し、上下キーを押して図1のインターフェースの最初の行を選択します。図1...

Vue プロジェクトで mock を使用する方法をご存知ですか?

目次最初のステップ: 2 番目のステップは、request.js で関連する構成を行うことです。re...

DIVのぼかし機能を実装する方法

マウスを動かしたときにDIVが消えるように手ぶれ補正を使用するdiv タグ自体は onblur イベ...

Dockerのクイックガイド

Docker は、安全で繰り返し可能な環境でソフトウェアを自動的にデプロイする方法を提供し、コンピュ...