Buenas tardes tengo las siguientes funciones para un input de mi formulario
$(function () {
$("#cuenta_contable").on({
"focus": function(event) {
$(event.target).select();
},
"KeyPress": function(event) {
$(event.target).val(function(index, value){
if (this.value.length > 20)
this.value = this.value.slice(0,20);
});
},
"keyup": function(event) {
$(event.target).val(function(index, value){
return value.replace(/\D/g, "")
.replace(/([0-9])$/, '$1')
.replace(/\B(?=(\d{4})+(?!\d)\.?)/g, "-");
});
}
});
$('.valida_formulario_cuenta').click(function () {
return validar_formulario_cuenta($(this));
});
El problema que tengo es que si meten los valores solo presionando una tecla no respeta la función de limitar los caracteres a 20 pero si respeta el formato de la función de abajo. Pero si meten los valores tecla por tecla si respeta las dos, como puedo hacer para que si lo meten de manera continua osea solo una tecla respete el max de 20 caracteres