javascriptのバリデーションで記号を入力可能にしたい

Question

以下のコードだと半角のみ入力可能になっているのですが、数字とカンマのみ入力可能にしたいです
知識が乏しく色々と試してみるのですがうまく動かずです。。
（以下がきちんと動いた最後のコードです。）

ご教示のほど、よろしくお願い致します！！！

<input type="text" id="input" value="" onInput="checkForm(this)">

function checkForm($this) {
  var str=$this.value;
  while(str.match(/[^A-Z^a-z\d\-]/)) {
    str=str.replace(/[^A-Z^a-z\d\-]/,"");
  }
  $this.value=str;
}

Comments

[m.ts10806]

「JavaScript 記号 正規表現」で結構出てきます。これでは何か足りないのでしょうか？お気づきかもしれませんが「記号」って結構沢山あります。ホワイトリスト的に「この記号だけ」と決める必要があります。もし書かれているように「カンマだけ｣と言うのでしたらそれを仕様として決められたほうが回答もしやすいです。
質問本文をご調整ください。

Answer 1

<input type="text" id="input" value="" pattern="[a-zA-Z0-9,]+">

Answer 2

正規表現の中にカンマをかいてください(他にもあれば必要な記号を入れてみてください)。
/[^A-Z^a-z\d\-,]/

場合によっては誤爆するかもしれないので、こういうとこで検証してください

Comments

[TatsuyaOkawa]

こちらを参考に色々描いて見た結果利用の動きが表現できました！
ありがとうございます！！