web-dev-qa-db-ja.com

テキスト入力には英語の文字と数字のみを許可する

ライブデモ： http://jsfiddle.net/thisizmonster/DveuB/

これを変更して、正規表現を使用せずに、入力中にA-Z、a-z、0-9の文字のみを入力できるようにするにはどうすればよいですか？

javascriptjqueryinputvalidationalphanumeric
13
Gereltod

スペースも受け入れたいとします：

_$("#user").keypress(function(event){
    var ew = event.which;
    if(ew == 32)
        return true;
    if(48 <= ew && ew <= 57)
        return true;
    if(65 <= ew && ew <= 90)
        return true;
    if(97 <= ew && ew <= 122)
        return true;
    return false;
});
_

スペースを受け入れたくない場合は、if(ew == 32) return true;を削除してください

JSFiddle

36
Paul
<input type="text" id="firstName"  onkeypress="return (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122) || (event.charCode >= 48 && event.charCode <= 57)" />

ASCII文字セット： https://www.w3schools.com/charsets/ref_html_ascii.asp

7
Siya Qalistic

次のようなことができます： http://jsfiddle.net/DveuB/1/

次に、それは0-9、a-zおよびA-Zだけです

$(function(){
    $("#user").keypress(function(event){
        if ((event.charCode >= 48 && event.charCode <= 57) || // 0-9
            (event.charCode >= 65 && event.charCode <= 90) || // A-Z
            (event.charCode >= 97 && event.charCode <= 122))  // a-z
            alert("0-9, a-z or A-Z");
    });
});

更新：http://jsfiddle.net/DveuB/4/
@ muが話していることを防ぐには：

$("#user").keyup(function(event){
    if (event.altKey == false && event.ctrlKey == false)
        if ((event.keyCode >= 48 && event.keyCode <= 57 && event.shiftKey== false) ||
            (event.keyCode >= 65 && event.keyCode <= 90) ||
            (event.keyCode >= 97 && event.keyCode <= 122))
            alert("0-9, a-z or A-Z");
});
2
321X
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {

  $('.clsAlphaNoOnly').keypress(function (e) {  // Accept only alpha numerics, no special characters 
        var regex = new RegExp("^[a-zA-Z0-9 ]+$");
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str)) {
            return true;
        }

        e.preventDefault();
        return false;
    }); 
})
</script>

<body>

<input class='clsAlphaNoOnly' type='text'>
</body>
</html>
1
SajithG

この機能を使用しています。

RegExpを変更することにより、個人的に好きではない文字を取り除くことができます。

$(function(){
    $("#user").bind('keypress',function(e){
        var regex = new RegExp("^[a-zA-Z0-9 ]+$");
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str)) return true;
        e.preventDefault();
        return false;
    });
});
0
Vladimir Ishenko

キーコードを取得し、他のキーコードを表すいくつかの数値に対してそれを検証するifステートメントなどのいくつかを記述する必要があると考えます。

例：if(keycode < 80) return false;

0
Bas Slagter