フォームにカナ制限を設ける

はじめに

フォーム入力にカタカナのみを許可する方法です。

inputタグのpattern属性がHTML5から追加されたようですが、対応されていないブラウザもまだまだあるようなので、今回はjQueryライブラリを使って実装します。

使用するもの

デモ

説明

jQuery Form Validatorには様々なバリデーション機能があります。カナ入力のみ許可する場合は、data-validation属性にcustomを設定し、data-validation-regexp属性に正規表現でカタカナの範囲を指定します。

<input type="text" data-validation="custom" data-validation-regexp="^[ァ-ン]+$" />

これだけであとの処理はすべてjQuery Form Validatorがやってくれます。

非常に便利ですね 🙂


投稿日

カテゴリー:

投稿者:

タグ: