Javascript で文字長をチェック

C# ASP.NET で CostomValidator を使って、Javascript で入力文字長をチェックします。

前田稔(Maeda Minoru)の超初心者のプログラム入門

プログラムの説明

  1. 簡単なエラーのチェックは、リアルタイムに応答できるようにクライアント側で処理します。
    このページでは Javascript の関数を使ってチェックする方法を説明します。
  2. WebMatrix を起動して [ASP.NET ページ] のアイコンを選択して新しいページを作成します。
  3. メッセージを表示する Label を貼り付けて "8文字以上のパスワードを入力" とタイプして下さい。
  4. データを入力する [TextBox] を貼り付けて下さい。
  5. 続いて CustomValidator をドラッグ&ドロップします。
  6. [Button] をデザインウインドウに貼り付けて下さい。
  7. 下のタブを「すべて」に切り替えて、<head> と </head> の間に Javascript の関数を定義します。
    args がチェックの対象になる Object です。
    <head>
    <script language="Javascript">
        function Check_Func(oSrc, args)
        {   if (args.Value.length >= 8) args.IsValid = true;
            else                        args.IsValid = false;
        }
    </script>
    </head>
    
  8. ソースコードを保存して ASP.NET サーバーにアップロードして下さい。
    TextBox に6文字ぐらいの文字をタイプしてボタンをクリックして、エラーが表示されることを確かめて下さい。
    8文字以上の文字をタイプしてエラーが表示され無いことを確かめて下さい。
    エラーのチェックは、クライアント側で処理されるので応答が速いでしょう。 0(^_^)0

customchk.aspx のソースコード

customchk.aspx を呼び出す

超初心者のプログラム入門(C# on-line game)