2016-08-04 141 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