javascript - ユーザーがjQueryを使用してテキストボックスに特定の文字を入力できないようにするにはどうすればよいですか？

Question

ユーザーのキー押下と照合される正規表現があります。私はそれでかなり立ち往生しています。

これが私の現在のコードです：

<script type="text/javascript">
    $('input.alpha[$id=tb1]').keydown(function (e) {
        //var k = e.which;
        //var g = e.KeyCode;
        var k = $(this).val();
        //var c = String.fromCharCode(e.which);
        if (k.value.match(/[^a-zA-Z0-9 ]/g)) {
            e.preventDefault();
        }
    });
</script>

ここでの目標は、ユーザーが正規表現内にある文字を入力できないようにすることです。

Answer 1

fromCharCodeメソッドを使用してみてください。

$(document).ready(function () {
  $('#tb1').keydown(function (e) {

    var k = String.fromCharCode(e.which);

    if (k.match(/[^a-zA-Z0-9]/g))
      e.preventDefault();
  });
});

Answer 2

keypressデフォルトのアクションではなく、を使用keydownして防止します。

たとえば、これによりw、テキスト入力にaを入力できなくなります。

$("#target").keypress(function(e) {
  if (e.which === 119) { // 'w'
    e.preventDefault();
  }
});

ライブコピー| ソース

更新：問題を引き起こしている正規表現を適用している場合：

$("#target").keypress(function(e) {
  if (String.fromCharCode(e.which).match(/[^A-Za-z0-9 ]/)) {
    e.preventDefault();
  }
});

ライブコピー| ソース