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.____"
});