javascript 全角文字は2文字で半角文字は1文字としてカウントする

javascript 全角文字は2文字で半角文字は1文字としてカウントする

javascriptで、全角文字は2文字で半角文字は1文字としてカウントするサンプルコードを記述してます。

環境

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

文字数カウント

全角文字は2文字で半角文字は1文字としてカウントするには、正規表現「[ -~]」を使用します。

正規表現を使用することで、全角文字は2文字で半角文字は1文字としてカウントすることが以下のように可能です。

サンプルコード

以下は、
「実行」ボタンをクリックすると、フォームに入力された文字列を全角文字は2文字で半角文字は1文字としてカウントして表示する
サンプルコードとなります。

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

文字数がカウントされていることが確認できます。