フォーム OnSubmit と input type=image の使用の概要

フォーム OnSubmit と input type=image の使用の概要
ここに <input type="image"> がある場合、この画像を直接押すとフォームが送信されます。

OnSubmit がある場合、この関数が最初に実行されます。false を返す場合、フォームは送信されません。

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

<span style="font-size:14px;"><script language=javascript>
関数テスト()
{
アラート("テスト!")
}
</スクリプト>
<form name="F1" onSubmit="fuck();">
<input type="image" src="" width="51" height="20">
</フォーム></span>

別の例:

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

<html>
</head>
<スクリプト言語="javascript">
関数 checkEmpty(form){
for(i=0;i<form.length;i++){
アラート(フォームの要素[i].値);
if( フォーム.要素[i].値=="" ){
alert("フォーム情報は空にできません");
false を返します。
}
}
}
</スクリプト>
<本文>
<form name="form" method="post" onSubmit="return checkEmpty(form)">
<input name="名前" type="テキスト" size="17">
<input name="パスワード" type="パスワード" size="17">
<input type="image" src="" width="51" height="20">
<input type="button" value="AAA" />
</フォーム>
</本文>
<html>

<<:  grpc のリバース プロキシとして nginx を使用する場合の落とし穴の概要

>>:  CSS で 2 つの固定列と 1 つの適応列を実装するいくつかの方法

推薦する

クールな点滅アラームボタンをおすすめします

効果は以下のとおりです。 コードは次のとおりです (クリックすると展開してソース コードが表示されま...

MySQL ストアド関数の詳細な紹介

目次1. ストアド関数を作成する2. ストアド関数の呼び出し3. 保存された関数を削除する4. スト...

VMware 仮想化 KVM のインストールと展開のチュートリアルの概要

仮想化1. 環境セントオス7.3 selinuxとファイアウォールを無効にする2. 仮想化環境の構成...

Linux で履歴コマンドを表示および実行する方法

履歴コマンドを表示し、指定されたコマンドを実行します owen@owen:~/owen/softwa...

Viteプロジェクトを作成する手順

目次序文yarn create は何をしますか?ソースコード分析プロジェクトの依存関係テンプレート構...

Tomcatを自動的に開始するサービスとして設定するにはどうすればいいでしょうか?最も簡単な方法

Tomcat が自動的にサービスを開始するように設定します。最近、問題が発生しました。サーバー上のプ...

HTMLページの読み込み速度を上げる方法

(1)HTTPリクエストを減らす。 (リソース ファイルをマージし、イメージ スプライトを使用します...

MYSQL ログとバックアップおよび復元の問題の詳細な説明

この記事では、参考までにMYSQLログとバックアップとリストアについて紹介します。具体的な内容は以下...

カスタム変数を使用した MySQL クエリの最適化

目次並べ替えクエリの最適化変更されたばかりのデータ行を繰り返し取得しないようにする遅延ロードされた結...

Maven で tomcat8-maven-plugin プラグインを使用する詳細なチュートリアル

オンラインで多くの記事を検索しましたが、解決策は見つかりませんでした。次のように、tomcat7-m...

MySQL フラッシュバック ツール binlog2sql の詳細なインストールと設定のチュートリアル

概要binlog2sql は、Python で開発されたオープンソースの MySQL Binlog ...

WeChat アプレット uniapp は左スワイプによる削除効果を実現します (完全なコード)

WeChatアプレットuniappは左スワイプで削除効果を実現成果を達成する1. スワイプしてリス...

Vue3 親子コンポーネントパラメータ転送における sync 修飾子の使用法の詳細な説明

目次一方向データフローの説明Vue2.x の使用法親コンポーネントに変更を通知するイベントのフォーム...

nginx での listen ディレクティブの例の分析

プロットレビュー前回の記事では、ロケーション命令の解析プロセスを分析しました。この内容を簡単に確認し...