jquery输入掩码数字

时间:2016-08-04 09:35:49

标签: javascript jquery

我输入字段表格输入信用卡号码,我想输入前4位和后4位数我该怎么办?

例如:在我聚焦和填充输入的图像中,它必须填充组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"});
});

2 个答案:

答案 0 :(得分:1)

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

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

Allow only numbers to be typed in a textbox

答案 1 :(得分:1)

尝试此操作以跳过第二组和第三组数字

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