我試圖自動確定信用卡類型。下面的代碼有效,但不適用於移動設備。我嘗試過爲移動設備找到解決方案,但目前我無法做到這一點。自動確定信用卡類型
這裏是jQuery的:
(function($) {
$.getCreditCardType = function(val) {
if(!val || !val.length) return undefined;
switch(val.charAt(0)) {
case '4': return 'visa';
case '5': return 'mastercard';
case '3': return 'amex';
case '6': return 'discover';
};
return undefined;
};
$.fn.creditCardType = function(options) {
var settings = {
target: '#credit-card-type',
};
if(options) {
$.extend(settings, options);
};
var keyupHandler = function() {
$("#credit-card-type li").removeClass("active");
$("input[id=authorizenet_cc_type]").val('');
switch($.getCreditCardType($(this).val())) {
case 'visa':
$('#credit-card-type .VI').addClass('active');
$("input[id=authorizenet_cc_type]").val('VI');
break;
case 'mastercard':
$('#credit-card-type .MC').addClass('active');
$("input[id=authorizenet_cc_type]").val('MC');
break;
case 'amex':
$('#credit-card-type .AE').addClass('active');
$("input[id=authorizenet_cc_type]").val('AE');
break;
case 'discover':
$('#credit-card-type .DI').addClass('active');
$("input[id=authorizenet_cc_type]").val('DI');
break;
};
};
return this.each(function() {
$(this).bind('keyup',keyupHandler).trigger('keyup');
});
};
})(jQuery);
答:我加
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
我會給予信貸斯科特,他提供的幫助。
如何將我的代碼工作?我對jQuery不太瞭解。 – Jad
我用功能代碼更新了我的答案。 –
這裏是我的工作小提琴https://jsfiddle.net/pxojzqo1/ –