JavaScript oninput

Question

前提・実現したいこと

JavaScriptのoninputイベントを使い、
textに入力された文字が半角英数字と_なら入力可能、
それ以外なら入力できないようにするもの作ってます
該当のソースコードまでは組めたのですが、_を許可する処理、
入力のキャンセルの処理をどのように書いたらいいかわからずにいます
わかる方いらっしゃいませんでしょうか？

該当のソースコード

<input type="text" oninput="v=this.value;if(!v.match(/[^A-Za-z0-9-_]+/)){event.preventDefault()}">

Answer 1

正規表現が少し違います。
半角英数字と_（アンダースコア）ならば、/[^A-Za-z0-9_]/です。
9と_の間にハイフンはいりません。

また、個人的には違い文字が入力されたら空文字に置換させてしまう、の方がスマートに書けるかと思います。

<input type="text" oninput="this.value=this.value.replace(/[^0-9A-Za-z_]+/,'')">

これならば0～9とA～Z、a～z、_以外の文字が入力された場合、文字を空文字に置換します。

ただしonInputはコピーペーストのような操作による入力があると対応できませんのでお気を付けください。