長さが0のときにユーザーがテキストボックスに特殊文字を入力しないようにするにはどうすればよいですか？

Question

長さが0のときにユーザーがスペースを入力できないようにするコードは次のとおりです。長さが0のときに、ユーザーがすべての特殊文字（a-z A-Z 0-9以外）を入力しないようにするにはどうすればよいですか？

$('#DivisionName').bind('keypress', function(e) { 
    if($('#DivisionName').val().length == 0){ 
     if (e.which == 32){//space bar 
      e.preventDefault(); 
     } 
    } 
}); 

これはテキストボックスです。

<input type="text" id="DivisionName" /> 

Answer 1

文字と数字範囲（両端を含む）である：

• 97から122（AZ）
• 65から90（AZ）
• 48から57（0-9）

これはe.whichと比較したものです。

if (e.which < 48 || 
    (e.which > 57 && e.which < 65) || 
    (e.which > 90 && e.which < 97) || 
    e.which > 122) { 
    e.preventDefault(); 
} 

あるいは、逆のロジックを使用して：

：

var valid = (e.which >= 48 && e.which <= 57) || (e.which >= 65 && e.which <= 90) || (e.which >= 97 && e.which <= 122); 
if (!valid) { 
    e.preventDefault(); 
} 

更新

たとえそうだとしても、あなたはまだ、正規表現を使用して、全体としてのフィールドの内容を検証することを望むかもしれません

if (/^[A-Z0-9]+$/i.test(value)) { 
    // it looks okay now 
} 

また、悪いものを置き換えてフィールドを修正してください。

var stripped = value.replace(/[^A-Z0-9]+/i, ''); 

Answer 2

文字列を検証するために正規表現を使用できます。 ^[a-zA-z0-9].*

よう 何かがここではJavaScript に正規表現のテストに関する記事です：http://www.w3schools.com/jsref/jsref_regexp_test.asp

そして、あなたも変更イベントではなくキー入力をバインドすることができます。

Answer 3

これは、あなたが探しているものです。

$('#DivisionName').bind('keypress', function(e) { 

    if($('#DivisionName').val().length == 0){ 
     var k = e.which; 
     var ok = k >= 65 && k <= 90 || // A-Z 
      k >= 97 && k <= 122 || // a-z 
      k >= 48 && k <= 57; // 0-9 

     if (!ok){ 
      e.preventDefault(); 
     } 
    } 
}); 

またはこちらをご覧ください：http://jsfiddle.net/D4dcg/