如何使用jquery或javascript只允许文本框中的英文,数字和特殊字符?

时间:2012-10-11 16:42:07

标签: javascript jquery

我想只允许在我的网页中输入英文,数字和特殊字符。我想用jquery或javascript来应用这个东西。实际上我的应用程序是2种语言,所以我想这样做。我也想用阿拉伯语做同样的事情..请帮助我。 我怎么能这样做?

4 个答案:

答案 0 :(得分:4)

您可以尝试使用JavaScript replace method的以下代码。 replace方法接受正则表达式模式,因此您可以定义几乎任何您想要/不想在文本框中键入的内容:

<script type="text/javascript">

      $('#textboxID').bind('keyup blur',function() { 
            $(this).val($(this).val().replace(/[^A-Za-z0-9]/g,''))
        });

</script>

这是尝试这个的jsFiddle:http://jsfiddle.net/leniel/rtE54/


经过一番思考后,我实现了这段代码:

$("#mytextbox").on("keypress", function(event) {

    // Disallow anything not matching the regex pattern (A to Z uppercase, a to z lowercase, digits 0 to 9 and white space)
    // For more on JavaScript Regular Expressions, look here: https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Regular_Expressions
    var englishAlphabetDigitsAndWhiteSpace = /[A-Za-z0-9 ]/g;

    // Retrieving the key from the char code passed in event.which
    // For more info on even.which, look here: http://stackoverflow.com/q/3050984/114029
    var key = String.fromCharCode(event.which);

    //alert(event.keyCode);

    // For the keyCodes, look here: http://stackoverflow.com/a/3781360/114029
    // keyCode == 8  is backspace
    // keyCode == 37 is left arrow
    // keyCode == 39 is right arrow
    // englishAlphabetDigitsAndWhiteSpace.test(key) does the matching, that is, test the key just typed against the regex pattern
    if (event.keyCode == 8 || event.keyCode == 37 || event.keyCode == 39 || englishAlphabetDigitsAndWhiteSpace.test(key)) {
        return true;
    }

    // If we got this far, just return false because a disallowed key was typed.
    return false;
});

$('#mytextbox').on("paste",function(e)
{
    e.preventDefault();
});

您可以在此处详细了解:JavaScript regex + jQuery to allow only English chars/letters in input textbox

答案 1 :(得分:1)

如果ch是那个char,你可以这样做

if((ch.charCodeAt(0)>="a".charCodeAt(0) && ch.charCodeAt(0)<="z".charCodeAt(0))||(ch.charCodeAt(0)>="A".charCodeAt(0) && ch.charCodeAt(0)<="Z".charCodeAt(0)))

你可以用阿拉伯字符做同样的比较

以unicode

表示
[\u0600-\u06ff]|[\u0750-\u077f]|[\ufb50-\ufc3f]|[\ufe70-\ufefc]

答案 2 :(得分:1)

如果密钥位于您设置的限制范围内,您可以根据onkeypress检查来限制密钥。

function ValidateKey() 
{   
   var key=window.event.keyCode;
   var allowed='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ :;,.?!£$%^&*()_+-*{}@~<>&"\'';

    return allowed.indexOf(String.fromCharCode(key)) !=-1 ;
}

您可以将其用作

<input size="30" value="" onkeypress="return ValidateKey();" >​

和小提琴:http://jsfiddle.net/UHGRz/3/

您可以使用jQuery应用于所有输入控件。没有使用复制/粘贴,你需要使用替换的Lenier解决方案。

转换为jQuery代码

jQuery("input").keypress(function() 
{   
   var key=window.event.keyCode;
   var allowed='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ :;,.?!£$%^&*()_+-*{}@~<>&"\'';

    return allowed.indexOf(String.fromCharCode(key)) !=-1 ;
})​

和小提琴:http://jsfiddle.net/UHGRz/5/

答案 3 :(得分:0)

尝试类似的东西。英文字符的正则表达式是/ ^ [A-Za-z0-9] * $ /

<input name="yourtextbox" class="englishonly">
<script type="text/javascript">
$('.englishonly').bind('keyup blur',function(){ 
    $(this).val( $(this).val().replace(/^[A-Za-z0-9]*$/g,'') ); }
);
</script>