Javascript で文字長をチェック

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

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

プログラムの説明

  1. 簡単なエラーのチェックは、リアルタイムに応答できるようにクライアント側で処理します。
    このページでは Javascript の関数を使ってチェックする方法を説明します。
  2. WebMatrix を起動して [ASP.NET ページ] のアイコンを選択して新しいページを作成します。
  3. メッセージを表示する Label を貼り付けて "８文字以上のパスワードを入力" とタイプして下さい。
  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 に６文字ぐらいの文字をタイプしてボタンをクリックして、エラーが表示されることを確かめて下さい。
    ８文字以上の文字をタイプしてエラーが表示され無いことを確かめて下さい。
    エラーのチェックは、クライアント側で処理されるので応答が速いでしょう。 ０(^_^)０

customchk.aspx のソースコード

customchk.aspx を呼び出す

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