〜第二回〜検索:jQueryで文字の入力規制その1jQueryとescape、正規表現を使った文字の入力規制のサンプルです。IEではime-modeという独自仕様で日本語入力や英数字入力の制御ができますの他のブラウザでは対応していないのjQueryで制御します。いくつかサンプルを作成したところソースが長くなってしまいましたので2回に分けて紹介&解説したいと思います。{$("#alert1").text("全角で入力して下さい。{$("#alert2").text("半角英数で入力して下さい。{$("#alert2").text('');}}サンプルダウンロード解説まず最初のクリックイベントは関数「chk()」を実行するだけのスクリプトなので説明は省きます。{chk();});});それでは本題の関数「chk()」の中身を解説していきます。以下の変数「str1」と、「str2」はそれぞれのinputのvalueの値を取得する為の変数です。取得のタイミングは先ほどのクリックイベント実行時になります。$("input[name='hankaku']").val();続いて半角英数字での入力を不可にする処理です。こちらのサイトを参考にさせて頂きました。一文字ずつescapeで変換し、変換後の文字の長さで全角かどうかのチェックをします。条件文で変換後文字が4文字未満の場合は半角と判断します。{$("#alert1").text("全角で入力して下さい。{$("#alert1").text('');}}最後に全角と記号での入力不可にする処理です。正規表現を使い半角数字の0~9とA~Z、a~zのいずれかにマッチするかをチェックします。{$("#alert2").text("半角英数で入力して下さい。{$("#alert2").text('');}以上で解説は終わりです。今回のサンプルは動作を見て貰うために余計なコードが増えましたが、重要なのは以下の2行だけです。{$("#alert1").text("全角で入力して下さい。{$("#alert2").text("半角英数で入力して下さい。コメントをキャンセルメールアドレスが公開されることはありません。