テキストボックス内のすべてのアルファベット/空白/一重引用符/ダッシュを許可する方法

Question

すべてのアルファベットとスペース、一重引用符とダッシュを受け入れる必要があります。唯一のアルファベットとスペースを受け入れ

$('.firstName').bind('keyup blur', function() { 
    var node = $(this); 
    node.val(node.val().replace(/[^a-z\s]/gi, '')); 
}); 

：

私はこのスクリプトを持っています。今すぐシングルクォートとダッシュを追加する必要があります。

Answer 1

これはあなたのために動作します：

$('.firstName').bind('keyup blur', function() { 
 
      var node = $(this); 
 

 
      node.val(node.val().replace(/[^a-z\s'-]/gi, '')); 
 

 
     });

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

これは、アルファベット、スペース、ダッシュ、および単一引用符ではないすべてのものに置き換えられます。

Answer 2

としては、正規表現/[^a-z\s'-]/giが仕事をする上でのコメントを示唆していますが、使用入力を追跡するとき、それは、より効率的なので、私が代わりに他人keyup blurのinputイベントの使用をお勧め：

$('.firstName').on('input', function() { 
    var node = $(this); 

    node.val(node.val().replace(/[^a-z\s'-]/gi, '')); 
}); 

NOTE ：bind()メソッドは廃止されました。代わりにon()を使用してください。

これが役に立ちます。ここで

$('.firstName').on('input', function() { 
 
    var node = $(this); 
 

 
    node.val(node.val().replace(/[^a-z\s'-]/gi, '')); 
 
});

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

Answer 3

^[a-zA-Z][a-zA-Z '-]*$ 

アルファベットで始まり、スペース、単一引用とダッシュ記号を含むことができ、正規表現です。