$(document).on('keyup','#card_number',function(){
this.value = autoHypenCard( this.value ) ;
});
var autoHypenCard = function(str){
str = str.replace(/[^0-9]/g, '');
var tmp = '';
if( str.length < 5){
return str;
}else if(str.length < 9){
tmp += str.substr(0, 4);
tmp += '-';
tmp += str.substr(4);
return tmp;
}else if(str.length < 13){
tmp += str.substr(0, 4);
tmp += '-';
tmp += str.substr(4, 4);
tmp += '-';
tmp += str.substr(8, 4);
return tmp;
}else{
tmp += str.substr(0, 4);
tmp += '-';
tmp += str.substr(4, 4);
tmp += '-';
tmp += str.substr(8, 4);
tmp += '-';
tmp += str.substr(12);
return tmp;
}
return str;
}