特定の文字への入力を制限する

Question

入力フィールドを任意の文字、ピリオド、およびハイフンに制限したいと考えています。

私は、次のように入力すると文字は入力できますが、何も入力できないと考えました。おそらく、私が見落としていることは明らかです。

$('input').on('keypress', function(event){ 
    if (event.keyCode > 65 || event.keyCode < 90) 
     return false; 
}); 

ありがとうございます！

Answer 1

これを実現するには、正規表現を使用して、入力したテキストを許可したい値と比較し、そうでないものを削除することができます。値を確認するときには、keyupイベントも使用する必要があります。 input、blur、およびpasteイベントを使用して、すべてのイベントがすべてのブラウザで処理されていることを確認することもできます。あなたはこれを試すだけにして番号を使用したい場合は

$('input').on('input blur keyup paste', function() { 
 
    $(this).val(function(i, v) { 
 
    return v.replace(/[^a-z\.-]/ig, ''); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="foo" type="text" />

Answer 2

：

$('#text').keypress(function (e) { 
var regex = new RegExp("^[a-zA-Z]\-.+$"); 
var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); 
if (regex.test(str)) { 
    return true; 
} 

e.preventDefault(); 
return false; 
});