2017-05-05 11 views
1

使用してテキストボックスに英数字のみ許可: は、私がここに次のコードを発見したjQueryの

How to validate html textbox not to allow special characters and space?

だからアイブ氏は、検証のためにこのコードを書かれて、それが動作していません。

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.validate.min.js"></script> 

<input type="text" name="txtUsername" id="txtUsername" data-validation="alphanumeric" data-validation-allowing="_" value=""> 

テキストボックスに特殊文字を使用しないようにするスクリプトを作成する必要があります。

+1

毎回1つの質問を作成してください。あなたは1つの投稿で2つの質問をしています。これらの質問は2つの投稿として分けてください。 – ElChiniNet

+0

私は別の投稿を作成します。 –

答えて

-1
$(function() { 
    $('#txtNumeric').keydown(function (e) { 
     if (e.shiftKey || e.ctrlKey || e.altKey) { 
      e.preventDefault(); 
     } 
     else { 
      var key = e.keyCode; 
      if (!((key == 8) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105))) { 
       e.preventDefault(); 
      } 
     } 
    }); 
}); 


<input id="txtNumeric" type="text" /> 
1

これは単なるID

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

今はJQueryのメインロジック必要HTMLパートです:

\t 
 
$(document).ready(function(){ 
 
    $('#txtAlphaNumeric').keydown(function (e) { 
 
     var k = e.which; 
 
     var ok = k >= 65 && k <= 90 || // A-Z 
 
      k >= 96 && k <= 105 || // a-z 
 
      k >= 35 && k <= 40 || // arrows 
 
      k == 8 || // Backspaces 
 
      k >= 48 && k <= 57; // 0-9 
 

 
     if (!ok){ 
 
      e.preventDefault(); 
 
     }   
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input id="txtAlphaNumeric" type="text" />

+0

特殊記号が効いています... –

+0

テスト済みスニペット。動作しません。クロム。 –

0

は実はこれがためにできる「£$を! %^ & *()記号はテキストにあります。少し答える:

<!-- Allow only alphanumeric --> 
$('#username').keydown(function (e) { 
    var k = e.which; 
    var ok = k >= 65 && k <= 90 || // A-Z 
     k >= 96 && k <= 105 || // a-z 
     k >= 35 && k <= 40 || // arrows 
     k == 8 || // Backspaces 
     (!e.shiftKey && k >= 48 && k <= 57); // 0-9 

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

数字のシフトキーを禁止します。

関連する問題