jQuery 输入掩码 [英] jQuery input mask

问题描述

嘿，我是 jQuery 新手，我想在这种格式 cda 123 的输入框中检查 onblur .表示前 3 个字符空间和 3 个整数.通常我会看到代码是写在输入 ID 上的，但如果我想写在 Class 上，那我该怎么做.例如我有 class="InputMask-cccsnn"我想在类上使用这种格式 CheckInputMask(this) 而不是在输入 id 上.如何更改我的以下代码.请回复

Hey, I am new to jQuery , I want to check onblur on input box this format cda 123 . mean first 3 characters space and 3 integers. Usually I see that code is written on Input id's but if I want on Class then how can I do this . For example I have class="InputMask-cccsnn" I want to have this on this format CheckInputMask(this) on class not on input id . How to change my following code . Please reply

以下是我在一个输入 ID 上的 keyup 代码.

Following is my code on keyup on one input id.

$('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);
        }
    }
});

推荐答案

只需使用一些 jQuery 输入掩码插件，例如这个 http://digitalbush.com/projects/masked-input-plugin/

Just use some jQuery input mask plugin, for example this http://digitalbush.com/projects/masked-input-plugin/

那么你可以使用:

jQuery(function($){
    $(".InputMask-cccsnn").mask("aaa 999");   
});

这篇关于jQuery 输入掩码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！