Input only numbers

input-final-onchange-implement.js

$(document).on('propertychange input keypress', '.mask-regex', function(e) {
    let valueChanged = false;
    let self = $(this);

    if (e.type=='propertychange') {
        valueChanged = e.originalEvent.propertyName=='value';
    } else {
        valueChanged = true;
    }

    if (valueChanged) {

        let regex = self.data('mask-regex');
        let defaultValue = self.attr('defaultValue') ? self.attr('defaultValue') : '';

        if (regex) {

            regex = new RegExp(regex, 'g');

            if(e.type == 'input') {

                if (is.empty(defaultValue) && regex.test(self.val()) === false) {
                    self.val('');
                } else {
                    self.next().addClass('active');
                }

                self.attr('defaultValue', self.val());

            } else {

                let key = (document.all) ? e.keyCode : e.which;
                let k = String.fromCharCode(key);

                if (key === 46 || key <= 13) {
                    return true;
                }

                return regex.test(k);
            }
        } else {
            console.log(' =( You must define the regular expression in attribute data-mask-regex of the input =)');
        }
    }

});