HTMLフォーム送信方法のケーススタディ

フォームの送信方法をまとめると次のようになります。

1. 送信ボタンを使用して送信します。送信ボタンをクリックすると、onclick イベントがトリガーされます。JavaScript の関数は、入力内容が空かどうかを判断します。空の場合は、false を返して送信しません。空でない場合は、アクションで指定されたアドレスに送信します。

<script type="text/javascript">
         関数チェック(フォーム) {
              if(form.userId.value=='') {
                    alert("ユーザーアカウントを入力してください!");
                    フォームのユーザーIDにフォーカスを当てます。
                    false を返します。
               }
               if(form.password.value==''){
                    alert("ログインパスワードを入力してください!");
                    フォーム.パスワード.フォーカス();
                    false を返します。
                 }
                 true を返します。
         }
</スクリプト>
<フォームアクション="login.do?act=login" メソッド="post">
    ユーザー アカウント<input type=text name="userId" size="18" value="" ><br>
    ログインパスワード<input type="password" name="password" size="19" value=""/>      
           <input type=submit name="submit1" value="ログイン" onclick="return check(this.form)">  
</フォーム>

2. ボタンを使用して送信します。ボタンをクリックすると、onclick イベントがトリガーされます。JavaScript の関数は、入力内容が空かどうかを判断します。空の場合は false を返し、送信しません。空でない場合は、アクションで指定されたアドレスに送信します。ボタンには自動送信の機能がないため、送信は JavaScript によって実装されます。

<script type="text/javascript">
         関数チェック(フォーム) {
              if(form.userId.value=='') {
                    alert("ユーザーアカウントを入力してください!");
                    フォームのユーザーIDにフォーカスを当てます。
                    false を返します。
               }
               if(form.password.value==''){
                    alert("ログインパスワードを入力してください!");
                    フォーム.パスワード.フォーカス();
                    false を返します。
                }
                  ドキュメント.myform.submit();
            }
    </スクリプト>
<フォームアクション="login.do?act=login" 名前="myform" メソッド="post">
    ユーザー アカウント<input type=text name="userId" size="18" value="" ><br>
    ログインパスワード<input type="password" name="password" size="19" value=""/>      
    <input type=button name="submit1" value="ログイン" onclick="check(this.form)">  
</フォーム>

3. 送信ボタンを使用して送信を実装します。送信ボタンがクリックされると、まず onsubmit イベントがトリガーされます。JavaScript の関数は、入力内容が空かどうかを判断します。空の場合は false を返し、送信しません。空でない場合は、アクションで指定されたアドレスに送信します。

<script type="text/javascript">
         関数チェック(フォーム) {
              if(form.userId.value=='') {
                    alert("ユーザーアカウントを入力してください!");
                    フォームのユーザーIDにフォーカスを当てます。
                    false を返します。
               }
               if(form.password.value==''){
                    alert("ログインパスワードを入力してください!");
                    フォーム.パスワード.フォーカス();
                    false を返します。
                }
                true を返します。
         }
</スクリプト>
<form action="login.do?act=login" method="post" onsubmit="return check(this)">
    ユーザー アカウント<input type=text name="userId" size="18" value="" ><br>
    ログインパスワード<input type="password" name="password" size="19" value=""/>      
    <input type=submit name="submit1" value="ログイン"> 
</フォーム>

上記はフォームを送信する一般的な3つの方法です。ご質問がある場合は、お気軽にQQ: 317856821までご連絡ください。

HTML フォーム送信方法の詳細なケーススタディに関するこの記事はこれで終わりです。より関連性の高い HTML フォーム送信コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: