html - minlength - maxlength javascript
¿Puedo especificar maxlength en css? (8)
Como otros han respondido, no existe una forma actual de agregar maxlength directamente a una clase CSS.
Sin embargo, esta solución creativa puede lograr lo que estás buscando.
Tengo el jQuery en un archivo llamado maxLengths.js al que hago referencia en el sitio (site.master para ASP)
ejecutar 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 ser desplegada o en toda su aplicación, puede cambiarla en un solo lugar. Resulta útil para longitudes de campo para cosas como códigos de cliente, campos de nombre completo, campos de correo electrónico, cualquier campo común en toda la aplicación.
¿Puedo reemplazar el atributo maxlength con algo en CSS?
<input type=''text'' id="phone_extension" maxlength="4" />
No con CSS, no.
No con CSS, pero puede emular y ampliar / personalizar el comportamiento deseado con JavaScript.
No creo que puedas, y se supone que CSS describe cómo se ve la página, pero incluso si pudieras, no es realmente cómo deberías usarla.
Tal vez debería pensar en utilizar JQuery para aplicar una funcionalidad común a los componentes de su formulario.
No.
maxlength es para el comportamiento.
CSS es para el estilo.
Es por eso que.
No. Esto debe hacerse en el HTML. Sin embargo, puede establecer el valor con Javascript si lo necesita.
Puedes usar jQuery como:
$("input").attr("maxlength", 4)
Aquí hay una demostración: http://jsfiddle.net/TmsXG/13/
Use $("input").attr("maxlength", 4) si está utilizando jQuery versión <1.6 y $("input").prop("maxLength", 4) si está utilizando jQuery versión 1.6+.