文字書式チェック機能

入力チェックに「数字のみ」「英語のみ」「英語と数字のみ(記号含まず)」「全角カタカナのみ」の入力制限を加え、範囲外の文字が入力された場合にエラーを表示します。

メールフォームプロCGIダウンロードページへ

HTML側へ設定する場合は、チェックしたい入力欄に
data-charcheck="digit" 数字のみ
data-charcheck="alphabet" 英語のみ
data-charcheck="digit_and_alphabet" 英語と数字のみ(記号含まず)
data-charcheck="kana" 全角カタカナのみ
上記のようにdata-charcheck属性を指定してください。

例えばフリガナ欄をカタカナ限定にする場合は

＜input type="text" name="セイ" size="15" data-charcheck="kana" /＞

このように指定します。

本機能を利用する場合はconfig.cgiで

#push @AddOns,'charactercheck.js'; ## 文字校正

を
push @AddOns,'charactercheck.js'; ## 文字校正

として、アドオンを有効にしてください。

コメント欄

2023-10-13 15:40:52ペディグリーさん
いつも大変お世話になっております。

>>data-charcheck="kana" 全角カタカナのみ
とありますがフリガナ欄を「半角カタカナも含む」にすることは可能でしょうか？（全角カタカナ+半角カタカナ）
もしどこかでご説明されておりましたら、ページURLだけでも教えていただければ幸いです。
何卒よろしくお願いいたします。
2023-10-13 17:48:22ペディグリーさん
連投すいません。上記の件です。

アドオンの「テキスト整形機能（charformat.js）」をONにしたところ、半角カナで入力したら全角カナに変換されるのですが、バリデーションエラーの表記（メイ にカタカナ以外の文字が入力されています。）が表示されます。
（「テキスト整形機能」より先に「バリデーション」が発動しているのでしょうか？）
バリデーション表記が出たままですが、確認画面に進むことはできました。
ですが、バリデーション表記が出たままだと『修正しなければ』と思うユーザーが多いと思いますので、
①カナの入力チェックに半角カナも含める
②「テキスト整形機能（半角カナ→全角カナに）」を先に発動してからバリデーションする
等の対応が可能でしたらご教授いただければ幸いです。
お手数をおかけいたしますが、何卒よろしくお願いいたします。
2023-10-13 21:20:55和田さん
現状半角カタカナを含める機能はついておりません。テキスト整形機能とバリデーションの順序ですが、config.cgi内で設定されている@AddOnsの上から順番に適用されていくため、順序を変えることでご希望の動作になるかもしれません（し、ならないかもしれません）。
2023-10-16 14:13:10ペディグリーさん
ご返信ありがとうございます。
ご提案の@AddOnsの順番の入れ替えるも試してみました（自動整形を一番上に）が変化ありませんでした。あきらめて別の方法（半角カナで入力しないように警告文など）で対応しようと思います。
大変お手数をおかけいたしました。ありがとうございました。