使用jQuery强制输入为数字

Posted 2021-02-25

This tiny jQuery plug in forces a user to enter only numeric values on an input field by silently removing non-numeric values as they're entered. (Caution: Never rely on client-side validation; use server-side validation as well)

(function ($) {
    $.fn.forceNumeric = function () {
        return this.each(function () {
 
            $(this).keyup(function() {
                if (!/^[0-9]+$/.test($(this).val())) {
                    $(this).val($(this).val().replace(/[^0-9]/g, ''));
                }
            });
        });
    };
})(jQuery);
 
// Usage example: $('input.numeric').forceNumeric();