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):
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://localhost/foros" 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://localhost/foros" 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
Puntos
23195
Visitas
Visitas
1
Resp
Resp
Por alber hace 10 años
Admin
Respuesta #1
¿y Para validar otros campos?
0
Puntos
Puntos
Por luis hace 8 años
Novice