javascript 半角カタカナのチェックを行う

javascript 半角カタカナのチェックを行う

javascriptで、正規表現を用いて半角カタカナのチェックを行うサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

半角カタカナのチェック

正規表現を使用して、チェックを行うことが可能です。

三項演算子を使用して1行で記述することも可能です。

サンプルコード

以下は、
「 判定 」ボタンをクリックすると、フォームに入力したテキストデータが半角カタカナであるかを判定する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

判定されていることが確認できます。

コード簡潔化

アロー関数や、document.getElementByIdを省略して、以下のように簡潔に記述することも可能です。