if文 - 文字のみを受け入れるようにフィールド

Question

状況

私は文字だけを受け入れる必要があるフィールドを持っています。送信時にdisplay_nameに数字がある場合はエラーが表示されますが、pat123と入力すると受け入れられますが、これは嫌です。

目指す

文字以外のものがdisplay_nameに入力された場合、ユーザーに警告するので、ノー数字と記号。どのような表現を使用する必要があり、どのようにコードに実装するのですか？文字だけがフィールドで受け入れられますか？

var fieldNum = /^[0-9a]+$/; 
 

 
var display_name = form.find('input[name="display_name"]').val(); 
 

 
if ((display_name.match(fieldNum))) { 
 
    console.log('error'); 
 
}

<input name="display_name" type="text"></input>

Answer 1

コード/ロジックには2つの問題があります。

最初に、正規表現 - なぜ/^[0-9a]+$/？ aは何ですか？

第2に、正規表現が一致すると、エラーが記録されます。その正規表現はちょうど数字の文字列（またはaの文字列）と一致します。

あなたは私が信じるやりたいことは正規表現が固定されている

var fieldNum = /^[a-z]+$/i; 

var display_name = form.find('input[name="display_name"]').val(); 

if (!(display_name.match(fieldNum))) { 
    console.log('error'); 
} 

のようなものであり、それが一致しない場合には（!）をチェックします。

Answer 2

あなたはこのように試すことができます：

<input name="display_name" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'');">

EDIT：

$('.myclass').bind('keyup blur',function(){ 
 
    var x = $(this); 
 
    x.val(x.val().replace(/[^a-zA-Z]/g,'')); } 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="display_name" class="myclass">

Answer 3

^文字は、正規表現は文字列のみを開始してからチェックしていることを意味します。これは123testが期待どおりに動作するが、test123は動作しない理由です。

^を削除してみるとうまくいくはずです。

Answer 4

多分：

var myFunction = function (x) { 
 
    if (!/^[a-zA-Z]+$/.test(x.value)) { 
 
    console.log('error') 
 
    } 
 
};

<input name="display_name" type="text" onkeyup="myFunction(this)"></input>