正規表現にマッチした文字の取り出し方が知りたい

Question

前提・実現したいこと

javascriptでフォームのバリデーションを作成しています。

実現したいこととして、フォームに入力された文字を正規表現で制限し、制限文字が入力されたときに
ご使用できない文字「{0}」が入力されています。入力情報をご確認してください。
の形式でエラー文を表示したいと考えています。
この{0} として表示する値の取得として正規表現にマッチした（しなかった）文字を抜き出すにはどのようにすると良いのでしょうか

ご助言をお願いします。

該当のソースコード

var Regex = new RegExp("^[a-zA-Z ]{0,6}$");

if(!Regex.test(example.value)){
  console.log(使用できない文字「{0}」が入力されています。入力情報をご確認してください。);
}

試したこと

RegExp.testの形で判定をしていたので、booleanの結果は取れるのは理解しているのですが、
文字単体となるとやり方が分からない状態でいます。

補足情報（FW/ツールのバージョンなど）

jsvascript

Answer 1

アルファベットとスペース以外を拾うのは簡単ですが、同時に6文字以下が設定されていますので
7文字以上にヒットしたときはどうしたいかによります

<input id="example">
<script>
const reg = new RegExp("[^a-zA-Z ]|(?<=^.{6}).");
let r;
example.addEventListener('input',()=>{
  console.log((r=example.value.match(reg))?r[0]:"");
});
</script>

Comments

[n-san]

回答ありがとうございます

r=example.value.match(reg)
これで一致したものの配列を受け取れるんですね。
RegExpを否定したものと一致する文字を取れば目的は達成できそうです。

Answer 2

「どの文字が原因で正規表現にマッチしなかったか」という情報を得られる正規表現APIは見たことがありません。JavaScript の RegExp もそのような手段は用意されていませんん。

この場合は、禁止文字の正規表現を別途用意して、その検索結果からエラー文を作るしかないでしょう。
例: eexample.value.match(/[^a-zA-Z ]/)[0]

Comments

[n-san]

回答ありがとうございます。
マッチしなかった原因の文字を取り出すことはできないのですね。

回答を拝見して思い至ったのですが、
入力文字列からRegExpにマッチした文字のみ空文字にreplaceすれば、
マッチしなかった原因文字のみを残せるような気がしてきました。

それで目的が達成できそうかはすぐ確認できないので、後ほど確認してみたいと思います。