JavaScriptのフォームイベント

ユーザがフォーム要素と相互作用するときに、フォームのイベントが発生します。

 

例:

1 <!DOCTYPE HTML>
 2 <HTML>
 3      <ヘッド>
 4          <タイトル>表单事件</タイトル>
 5          <メタのcharset = " UTF-8 " >
 6          <メタ名= " ビューポート"コンテンツ= " 幅=デバイス-幅、初期スケール= 1.0 " >
 7      </ HEAD>
 8      <BODY>  
 9          <FORM ID = " あるmyForm " ACTION = " http://www.163.com/ " METHOD = "取得" >
 10             用户名:の<input type = " テキスト" ID = " ユーザ名" NAME = " ユーザ名" >
 11              <ボタンタイプは= " 送信"提交> </ボタン>
 12          </フォーム>
 13   
14          <スクリプト>
 15              VARのあるmyForm =文書.getElementById(' あるmyForm ' )。
16              myform.addEventListener(' 提出'、停止、);
                  VaRのユーザ名=のdocument.getElementById(' ユーザ名' );
 19                  VARの STR = username.value;
 20は、                 IF(STR === '' ){
 21である                     // 必要な入力内容
22は、                      警告(" ユーザ名を入力してください" );
 23                  } {
 24                      アラート(" 入力された値である:" + STR);
 25                  }
 26れる             }
 27          </スクリプト>
 28      </ BODY>
29 </ HTML>

 

おすすめ

転載: www.cnblogs.com/q2546/p/11290904.html