Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Cantidad máxima y mínima de caracteres de campo input con jquery

Vamos a ver como asignar la cantidad máxima y mínima de caracteres de un campo input con jquery y javascript. Para el ejemplo vamos a usar un formulario simulando un envío de datos.

Limitar cantidad máxima de caracteres (de 5 caracteres):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function validar(){
	
	//Almacenamos los valores
	nombre=$('#nombre').val();
	
   //Comprobamos la longitud de caracteres
	if (nombre.length<6){
		return true;
	}
	else {
		alert('Maximo 5 caracteres');
		return false;
		
	}

}
</script>
<h3>Escribe como maximo 5 caracteres</h3>
<form method="post" action="http://datoweb.com" onSubmit="return validar();" id="formjquery">
<input type="text" name="nombre" id="nombre" value="" autofocus>
<br>
<input type="submit"  value="Enviar">
<br>
</form>
Asignar cantidad mínima de caracteres (de 5 caracteres):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function validar(){
	
	//Almacenamos los valores
	nombre=$('#nombre').val();
	
   //Comprobamos la longitud de caracteres
	if (nombre.length>4){
		return true;
	}
	else {
		alert('Minimo 5 caracteres');
		return false;
		
	}

}
</script>
<h3>Escribe como minimo 5 caracteres</h3>
<form method="post" action="http://datoweb.com" onSubmit="return validar();" id="formjquery">
<input type="text" name="nombre" id="nombre" value="" autofocus>
<br>
<input type="submit"  value="Enviar">
<br>
</form>
Si tienes alguna duda deja tu comentario!
5
Puntos
1
Resp
6779
Visitas
Por alber hace 34 meses
Administrador offline

Respuesta #1

¿y Para validar otros campos?
0
Puntos
Por Luis hace 12 meses
Principiante offline

Relaccionados

Para comentar Inicia sesión o Registrate