Tengo algo de HTML:
<input type="text" />
y estoy tratando de hacer que cuando el límite de caracteres llegue a 12, JavaScript elimine automáticamente el siguiente carácter del campo de entrada. Ver lápiz de código aquí: https://codepen.io/jadedeterville/pen/NWayzpM
Aquí está mi JS:
inputEl.addEventListener("keyup", fixLength); function fixLength() { const inputElValue = inputEl.value.length; if (inputElValue > 11) { inputEl.innerHTML.slice(12); } } También probé inputEl.slice(12); y inputElValue.slice(12); pero ambos me dicen que .slice no es una función. Intenté agregar toString() pero tampoco funcionó.
Agradezco algunos consejos. He estado mirando esto durante mucho tiempo.
¡Gracias de antemano!
intente debajo del código.
if (inputElValue > 11) { inputEl.value = inputEl.value.slice(0,12); }Hay tres errores en tu guión:
inputEl.innerHTML.slice(12); estás cortando cualquier cosa desde el comienzo de la cadena hasta el índice 12. Así que esencialmente estás limpiando toda la cadena. Si desea mantener una parte específica de una cadena, es mejor usar string.substr(startIndex, length)<input> , por ejemplo inputEl.innerHTML=inputEl.innerHTML.slice(12);.value en lugar de .innerHTML , ya que este último aparecerá vacío.Poniendolo todo junto:
let inputEl = document.getElementById("inp"); inputEl.addEventListener("keyup", fixLength); function fixLength() { const inputElValue = inputEl.value.length; if (inputElValue > 11) { inputEl.value = inputEl.value.substr(0, 12); } } <input type="text" id="inp" />