Validar campo con javascript - mensaje si es menor a 8 caracteres

hunter18 · #1 (**permalink**) 04/10/2010, 21:52

Quiero validar un campo y mostrar mensajes dependiendo el caso.

Quiero que si tiene menos de 8 caracteres diga "error,menor a 8"
Si esta en blanco diga "Ingrese su codigo"
Que solo acepte numeros

Tambien que no vaya al archivo insertar_datos.php cuando preciones el boton en caso haya un error de validacion.

Código:

<html>
<head></head>
<body>
<script language="javascript" type="text/javascript">
function valida_envia(){ 
    //valido el nombre 
    if (document.form1.titulo.value.length==0){ 
       alert("Tiene que escribir su codigo") 
       document.form1.titulo.focus() 
       return 0; 
    } 

}
</script>
<form name="form1" action="insertar_datos.php">
codigo:<br><input type="text" name="titulo" maxlength="8"><br>
<input type="submit" value="Enviar" onclick="valida_envia()">
</form>

</body>
</html>

_cronos2 · #2 (**permalink**) 04/10/2010, 23:27

Juega con los if y else, si es 0... si no y es menor que 8... Para no enviar el formulario usa return false.
Saludos (:

caricatos · #3 (**permalink**) 05/10/2010, 00:12

Cita:

Iniciado por _cronos2

Juega con los if y else, si es 0... si no y es menor que 8... Para no enviar el formulario usa return false.
Saludos (:

... y la validación con el evento de envío:

<form onsubmit="return valida_envia(this)"

Eso de "this" también te podría ayudar...

Saludos

franko1809 · #4 (**permalink**) 05/10/2010, 11:36

Ahora el problema es que siempre envia el form aunque se haya detectado el error, haber si alguien me ayuda, aqui esta el codigo.

Código:

<html>
<head></head>
<body>
<script language="JavaScript" type="text/JavaScript">

function valida_envia(){ 
var FiltroRx = /[0-9]{8}/;

    if (document.form1.titulo.value.length==0){ 
       alert("Ingrese su codigo"); 
       return false;
       } 
    
    else if (!FiltroRx.test(document.form1.titulo.value)){
         alert('error,solo se aceptar 8 digitos')
         return false;
         }
    else {
         return true;
         }
}

//Este Codigo permite Validar que sea un campo Numerico
function Solo_Numerico(variable){
    Numer=parseInt(variable);
    if (isNaN(Numer)){
       return "";
       }
       return Numer;
    }
    function ValNumero(Control){
      Control.value=Solo_Numerico(Control.value);
    }
//fin de function Solo_Numerico
</script>

<form name="form1" action="insertar_datos.php" onSubmit="valida_envia(this)">
codigo:
<input type="text" name="titulo" maxlength="8" onkeyUp="return ValNumero(this);">
<input type="submit" value="Enviar">
</form>

</body>
</html>

_cronos2 · #5 (**permalink**) 05/10/2010, 11:47

Cita:

Iniciado por caricatos

... y la validación con el evento de envío:

<form onsubmit="return valida_envia(this)"

Eso de "this" también te podría ayudar...

En el onsubmit usa return. Y para poder llamar así a la función tiene que poner:

Código Javascript:

Ver originalfunction valida_envia(frm){ 
var FiltroRx = /\d{8}/;
//\d busca números, como \w busca carácteres alfanuméricos o \s espacios
 
    if (frm.titulo.value.length==0){ 
       alert("Ingrese su codigo"); 
       return false;
       } 
    
    else if (!FiltroRx.test(frm.titulo.value)){
         alert('error,solo se aceptar 8 digitos')
         return false;
         }
    else {
         return true;
         }
}

Saludos (:

franko1809 · #6 (**permalink**) 05/10/2010, 11:53

Solucionado como mencionas faltaba poner return dentro del onSubmit, gracias cronos, por leer rapido pasa esto, bueno ya queda de leccion, saludos

Código:

<form name="form1" action="insertar_datos.php" onSubmit="return valida_envia(this)">