jQuery - 输入掩码插件

发布于 2024-12-12 16:59:29 字数 98 浏览 1 评论 0原文

嘿,

有人知道 jquery 中的输入掩码吗?例如,一个字段必须包含三个字母,后跟 4 个数字。 CDA1234。如果在字段中写了一些与此不符的内容,则必须不断删除。

Hei

Have anyone idea of input mask in jquery For example a field must have three letters followed by 4 numbers. cda1234. If one writes something in the field that does not fit with this must be removed continuously.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

撧情箌佬 2024-12-19 16:59:38

在 jQuery Mask 插件 (github.com/igorescobar/jQuery-Mask-Plugin) 上实现混合数字类型的掩码非常容易,

您将如下所示:
$('.your-field').mask('SSS0000')

一切就绪。该插件将处理无效输入和所有内容。

干杯,
伊戈尔.

Its very easy to implement masks with mixed digit types on jQuery Mask Plugin (github.com/igorescobar/jQuery-Mask-Plugin)

Your will look like this:
$('.your-field').mask('SSS0000')

And its all set. The plugin will take care of invalid input and everything.

Cheers,
Igor.

尛丟丟 2024-12-19 16:59:37

您好,这些链接应该为您提供有关如何实现此目标的构建博客。

首先,选择前 3 个字符,具体方法如下:
http://www.w3schools.com/jsref/jsref_substring.asp

然后检查是否它们是数字:
检查输入的数字是否是jquery中的数字

并且很快...

Hi there these links should give you the building blogs on how to achieve this.

First, select the first 3 charectors, here is how:
http://www.w3schools.com/jsref/jsref_substring.asp

then check if they are numbers:
checking if number entered is a digit in jquery

And so on...

佼人 2024-12-19 16:59:35

制作了一个快速示例,请参阅: http://jsfiddle.net/g8KSg/2/

检查前 3 个字符为非整数,然后仅接受整数。

可以通过正则表达式变得更明智,但这应该给出一个起点:)

$('input').keyup(function(e){
    var value = $(this).val();
    if(value.length <= 3) {
       char = value.substring(value.length - 1);
        if(!(isNaN(char))) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
    if(value.length > 3) {
       char = value.substring(value.length - 1);
        if(isNaN(char)) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
});

Cooked an fast example up, see: http://jsfiddle.net/g8KSg/2/

Checks for non integers for the first 3 characters, and then only accept integers.

Could proberbly be made wiser with regex, but this should give a starting point :)

$('input').keyup(function(e){
    var value = $(this).val();
    if(value.length <= 3) {
       char = value.substring(value.length - 1);
        if(!(isNaN(char))) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
    if(value.length > 3) {
       char = value.substring(value.length - 1);
        if(isNaN(char)) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文