HTML maxlength attribute not working on chrome and safari?

Answer 1

I solved problem using this jQuery codes:

$('input[type="number"]').on('keypress', function (e) {
    var maxlength = $(this).prop('maxlength');
    if (maxlength !== -1) {  // Prevent execute statement for non-set maxlength prop inputs
        var length = $(this).val().trim().length;
        if (length + 1 > maxlength) e.preventDefault();
    }
});

Set maxlength attribute for every input[type="number"] that you want, just like text inputs.