首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用jquery阻止或限制输入字段中的特殊字符?

如何使用jquery阻止或限制输入字段中的特殊字符?
EN

Stack Overflow用户
提问于 2009-05-21 22:50:42
回答 17查看 407K关注 0票数 137

如何使用jquery阻止特殊字符输入到输入字段?

EN

回答 17

Stack Overflow用户

发布于 2012-01-12 18:52:43

一个使用正则表达式的简单示例,您可以将其更改为允许/不允许任何您喜欢的内容。

$('input').on('keypress', function (event) {
    var regex = new RegExp("^[a-zA-Z0-9]+$");
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
    if (!regex.test(key)) {
       event.preventDefault();
       return false;
    }
});
票数 146
EN

Stack Overflow用户

发布于 2015-03-05 04:08:24

使用HTML5的模式输入属性!

<input type="text" pattern="^[a-zA-Z0-9]+$" />
票数 19
EN

Stack Overflow用户

发布于 2015-06-29 05:21:49

使用regex允许/不允许任何内容。此外,对于比公认答案稍强的版本,允许没有键值关联的字符(退格键、制表符、箭头键、删除等)可以通过首先传递按键事件并基于键码而不是值检查键来完成。

$('#input').bind('keydown', function (event) {
        switch (event.keyCode) {
            case 8:  // Backspace
            case 9:  // Tab
            case 13: // Enter
            case 37: // Left
            case 38: // Up
            case 39: // Right
            case 40: // Down
            break;
            default:
            var regex = new RegExp("^[a-zA-Z0-9.,/ $@()]+$");
            var key = event.key;
            if (!regex.test(key)) {
                event.preventDefault();
                return false;
            }
            break;
        }
});
票数 15
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/895659

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档