¿Puedo reemplazar el atributo maxlength con algo en CSS?
<input type='text' id="phone_extension" maxlength="4" />
¿Puedo reemplazar el atributo maxlength con algo en CSS?
<input type='text' id="phone_extension" maxlength="4" />
Respuestas:
No.
maxlength es por comportamiento.
CSS es para diseñar.
Es por eso que.
Puedes usar jQuery como:
$("input").attr("maxlength", 4)
Aquí hay una demostración: http://jsfiddle.net/TmsXG/13/
No con CSS, pero puede emular y ampliar / personalizar el comportamiento deseado con JavaScript.
Como han respondido otros, no existe una forma actual de agregar maxlength directamente a una clase CSS.
Sin embargo, esta solución creativa puede lograr lo que busca.
Tengo jQuery en un archivo llamado maxLengths.js al que hago referencia en el sitio (site.master para ASP)
ejecute el fragmento para verlo en acción, funciona bien.
jquery, css, html:
$(function () {
$(".maxLenAddress1").keypress(function (event) {
if ($(this).val().length == 5) { /* obv 5 is too small for an address field, just want to use as an example though */
return false;
} else {
return true;
}
});
});
.maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" class="maxLenAddress1" />
La ventaja de usar esto: si se decide que la longitud máxima para este tipo de campo debe eliminarse o en toda la aplicación, puede cambiarla en un solo lugar. Es útil para la longitud de los campos para cosas como códigos de cliente, campos de nombre completo, campos de correo electrónico, cualquier campo común en su aplicación.