2016-08-04 110 views
0

我有输入字段的形式输入信用卡号码,我想输入前4位和后4位数字我该怎么办?jquery输入掩码数字

例如:在图像的时候我聚焦和填补输入它必须填写组1和组2个字符

click see to demo

enter image description here

我的HTML

<input type="text" name="kredi_karti" id="kredi_karti" class="form-control kredi_karti"> 

jQuery代码:

$(document).on("focus",".kredi_karti",function(){ 
    $(this).mask("9999 9999 9999 9999",{placeholder:"XXXX XXXX XXXX XXXX"}); 
}); 
+0

不是我的问题不是关于它..如果我填写表格,它必须通过我标记的第二和第三个区域,或者如果我填写表格,它必须填写第一个和最后一个区域 –

+0

$(this).mask(“9999 XXXX XXXX 9999“,{占位符:”XXXX XXXX XXXX XXXX“}); ? – KoIIIeY

+0

这是一个插件jQuery的输入掩码插件 –

回答

1

这不像你想象的那么难,你可以编写一个按键事件函数,并将键输入存储在变量中,并返回掩码键码以设置输入,还必须验证键码是否为删除或退格,你必须改变存储的卡号相应

这里是只允许数字代码..你必须扩展功能

Allow only numbers to be typed in a textbox

+0

嗨,感谢,但不工作 –

1

尝试此跳过的第二和第三组号码

$(this).mask('0000.XXXX.XXXX.0000', { 
    translation: { 
    'X': { 
     pattern: /X/, 
     fallback: 'X' 
    } 
    }, 
    placeholder: "____.XXXX.XXXX.____" 
}); 
+0

嗨我试过,它没有'你可以看到:http://codepen.io/cowardguy/pen/NAOxXy –

+0

糟糕,没有注意到你选择的插件。我的代码段使用这个http://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js来实现该行为。 – Season