jQuery输入掩码数字

Question

我有输入字段表格来输入信用卡号，我想输入前4位和后4位数字，该怎么办？

例如：在图像中，当我聚焦并填充输入时，它必须填充第1组和第2组字符

点击查看演示

我的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"});
});

Answer 1

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

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

只允许在文本框中键入数字

Answer 2

尝试跳过第二和第三组数字

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