(HTML,CSS,JavaScript)JavaScriptで入力チェック・文字を入力制限する方法(4ページ目)テキスト入力欄に対して、JavaScriptを使わずにHTMLだけで入力制限をする書き方から、JavaScriptを使って細かく入力チェックをする方法までを解説。メールアドレスや日付のように入力文字数や文字種を制限したいフォームでは、リアルタイムにエラー表示できると便利。正規表現などを使う入力チェックの書き方をサンプルと共にご紹介。次に、英字と特定の記号だけの入力を求めたい場合のJavaScriptソースをご紹介いたします。ID」欄に適用しています。'入力には、英字と記号「_!#$%&」だけが使えます。----------});</script>上記のソースをそのままHTMLファイルへコピー&ペーストすれば使えます。カスタマイズしたい際に書き換える場所は太字で示してあります。このJavaScriptでは「class="alpha"」が指定された入力欄を対象にして、入力チェックを実行するよう記述してあります。基本的なソースの構造は前ページでご紹介した「数字とハイフン記号だけの入力に制限する書き方」と同じなので説明は省略し、正規表現の部分についてだけ解説しておきます。■上記の正規表現についてここで使用している正規表現は「/[^a-zA-Z_!#%&]/」です。&)以外の文字がある場合を示しています。ここに含まれている文字以外が入力された場合に、エラーメッセージを表示します。英数字とアンダーバー「_」だけを入力可能にしたいなら以下のように書けます。)「\w」はアルファベット小文字(a~z)・アルファベット大文字(A~Z)・数字(0~9)・アンダーバー「_」だけを表す特殊文字です。「/[^a-zA-Z0-9_]/」と書いても同じ意味です。アルファベット大文字と数字だけを入力可能にしたいなら以下のように書きます。)前ページでご紹介したように、数字の10文字は「\d」という特殊文字で表せますから、上記は「/[^A-Z\d]/」と書いても同じ意味です。※上記のJavaScriptだけでは、ユーザが「送信」ボタンを押した際にエラーがあっても送信処理を中断はできません。エラーがある場合に送信処理を中止する方法は、本記事の最後でご紹介いたします。次に、ひらがな・カタカナだけの入力に制限する書き方を見てみましょう。About公式SNS日々の生活や仕事を楽しむための情報を毎日お届けします。