3

这是一个开始的小提琴 - http://jsfiddle.net/zuVpx/1/

Javascript代码:

<script>
    function validate(e) {
        var regex = new RegExp("[a-zA-Z0-9]");
        var key = e.keyCode || e.which;
        key = String.fromCharCode(key);

        if(!regex.test(key)) {
            e.returnValue = false;
            if(e.preventDefault) {
                e.preventDefault();
            }
        }
    }
</script>

HTML 代码:

<input type="text" onkeypress="validate(event)" />

我只想要字符和数字。退格键、删除键、大写锁定键和箭头键等键应该可以使用。

提前致谢。

4

5 回答 5

5

在输入中添加一个id(例如“验证”)并使用:

document.querySelector('#validate').onkeypress = validate;

function validate(e) {
        e = e || event;
        return /[a-z0-9]/i.test(
                   String.fromCharCode(e.charCode || e.keyCode)
               ) || !e.charCode && e.keyCode  < 48;
}

JSFiddle

于 2013-03-06T09:37:12.793 回答
3

尝试

/[-!$%^&*()_+|~=`\\#{}\[\]:";'<>?,.\/]/.test(your_variable)

如果匹配,则返回 true。

于 2013-11-21T15:56:29.860 回答
1

只使用一个额外的 if 子句怎么样?就像是...

key.charCodeAt(0) > 32

所以...

function validate(e) {
    var regex = new RegExp("[a-zA-Z0-9]");
    var key = e.keyCode || e.which;
    key = String.fromCharCode(key);

    if(!regex.test(key) && key.charCodeAt(0) > 32) {
        e.returnValue = false;
        if(e.preventDefault) {
            e.preventDefault();
        }
    }
}
于 2013-03-06T09:34:13.817 回答
0

为了克服例如左箭头键产生与键相同的key值的问题%,您可以使用

function validate(e) {
    e = e || window.event;
    var bad = /[^\sa-z\d]/i,
        key = String.fromCharCode( e.keyCode || e.which );   

    if ( e.which !== 0 && e.charCode !== 0 && bad.test(key) ) {
        e.returnValue = false;
        if ( e.preventDefault ) {
            e.preventDefault();
        }
    } 
 }   

任何可打印的字符都应该产生一个非零e.whiche.charCode值。
请参阅JavaScript 疯狂:键盘事件

js小提琴

以上假设空格是有效的 - 如果不是,只需\s从否定字符类中删除。

于 2013-03-06T09:42:09.347 回答
0

这对我有用。防止用户输入特殊字符(退格等除外)

PatternValidation(e){

    if(!e.key.match(/^[a-zA-Z0-9]*$/))
       {
         e.preventDefault();
       }
},

这是通过将 html 属性与 keydown 事件处理程序绑定来触发的

<input type="text" onkeydown="PatternValidation($event)">
于 2020-11-05T10:13:05.570 回答