【JavaScript】formへの入力文字総数から特定文字を引きたい

Question

前提・実現したいこと

JavaScriptでformに入力された文字をカウントする記載までは理解できるのですが、
その先にやりたい事が全く分からず、どなたかJavaScript・HTMLを教えて頂けないでしょうか？

最終は【入力文字総数 - 特定文字 = 文字総数】を書きたいです
表示は【入力フォーム】と【計算後の文字総数】のみ表示させていです

１.formに文字を入力する
2.入力文字の中から「半角の(,)(.)(スペース)・全角の(、)(。)(スペース)」を引きたい
3.計算後の文字総数のみ表示させたい

<{foreach from=$product.product_text_titles key=key item=val}>
　<div class="text-titles-list__unit">
　　<span class="option-name text-titles-list__name"><{$val|escape}></span>
　　　<div class="input-border text-titles-list__detail">
　　　　<input type="text" name="product_text[<{$key|escape}>]" value="" onKeyUp="countLength(value, 'textlength');"　class="text-titles-list__detail-text" />
　　　</div>
　　　<div class="item_desc txt_20"><p>：</p><p id="textlength">0</p><p>文字</p></div></div>
<{/foreach}>

<script language="JavaScript" type="text/JavaScript">
　　function countLength( text, field ) {
     document.getElementById(field).innerHTML = text.length;
      }
</script>

Answer 1

こちらでご指定の文字列は除外できます。

const str = 'あ。、.,';
const formatStr =　str.replace(/、|。|,|./g, ''); // 入力した文字をフォーマットする
const totalStr = formatStr.length - [特定文字数]; // フォーマット文字から特定文字数を引く

Answer 2

実際のソースコードが無いので指摘できないのですが、この手の機能でよく使うメソッドなどを紹介します。

match()
カッコ内に入れた文字を取得します。正規表現が使えるので特定文字を検索したいのであればこれで解決できます。

length
文字列の長さを取得します。match()と組み合わせれば特定文字を抽出しその総数をカウントできます。

一番簡単な方法であればこの２つで作る事ができます。

総数 = (全文).length - (全文).match(特定文字).length

Comments

[hoshi_sub]

ご回答ありがとうございます。
コードを追記しました。
どのようにすれば最適なのでしょうか？