$('.date').mask('00/00/0000');
$('.phone').mask('(000) 000-0000');
$('.credit-card').mask('0000 0000 0000 0000');

$("#phone").inputmask("(999) 999-9999");
$("#date").inputmask("99/99/9999");
$("#serial").inputmask("a*-999-a999");

(function($) {
    $.fn.numericMask = function(options) {
        var settings = $.extend({
            decimal: '.',
            precision: 2,
            prefix: '',
            suffix: '',
            thousands: ','
        }, options);

        return this.each(function() {
            $(this).on('keyup', function(e) {
                var value = $(this).val().replace(/[^\d.-]/g, '');
                
                if(settings.decimal && value.indexOf('.') >= 0) {
                    var parts = value.split('.');
                    parts[0] = parts[0].replace(/\D/g, '');
                    parts[1] = parts[1].replace(/\D/g, '');
                    if(parts[1].length > settings.precision) {
                        parts[1] = parts[1].substring(0, settings.precision);
                    }
                    value = parts[0] + '.' + parts[1];
                } else {
                    value = value.replace(/\D/g, '');
                }
                
                if(settings.thousands) {
                    value = value.replace(/\B(?=(\d{3})+(?!\d))/g, settings.thousands);
                }
                
                $(this).val(settings.prefix + value + settings.suffix);
            });
        });
    };
})(jQuery);

// 使用示例
$('#currency').numericMask({
    prefix: '$ ',
    thousands: ',',
    decimal: '.',
    precision: 2
});

$(document).ready(function() {
    $('.phone').mask('(000) 000-0000');
});

$(document).on('focus', '.dynamic-phone', function() {
    $(this).mask('(000) 000-0000');
});

$("#international-phone").inputmask({
    mask: "+99 (999) 999-99-99",
    placeholder: " ",
    showMaskOnHover: false
});