Validar cuadro de texto antes de enviar formulario

[LeandroA]

buenas esta es facil pero yo no la se o mas bien busco la forma mas correcta como puedo validar que un cuadro type="text" este completo y no vasio antes de enviar el formulario ,el boton que uso es type="submit"


Saludos

[Shiryu_Libra]

esta es una forma que me pasaron los chavales aki en el foro,

Código:

<script>
function es_valido()
{
a1 = document.form.id1.value;
a2 = document.form.id2.value;
a3 = document.form.id5.value;
if (a1=="")
  {
   alert("Introdusca el # de Deposito.");
   document.form.id1.focus();
   return 0;
   }
if (a2=="")
  {
   alert("Introdusca el Importe.");
   document.form.id2.focus();
   return 0;
}    
if (document.form.id3.selectedIndex==0)
  {
   alert("Eliga un Semestre.");
   document.form.id3.focus();
   return 0;
  }
if (document.form.id4.selectedIndex==0)
  {
   alert("Eliga un Tipo de Pago.");
   document.form.id4.focus();
   return 0;
  }
if (a3=="")
  {
    alert("Introdusca el # de Recibo.");
    document.form.id5.focus();
    return 0;
   }    
document.form.submit();
}
</script>

ese es el codigo
que va en el HEAD

y en el boton lo elijes como eso, BUTTON

Código:

<input type="button"value="Siguiente" name="siguiente" onClick="es_valido()" />

[caricatos]

Hola:

La forma correcta de hacer validaciones de formularios es desde la propia etiqueta form, con el evento submit:

<form onsubmit="return validar(this)" method="get" action="javascript: alert('enviando')" >
<input type="text" name="texto" />
<button type="submit">enviar<button>
</form>

Y la función validar:

function validar(formulario) {
valida = formulario,texto.value != "";
if (!valida) alert("debe rellenar el campo de texto");
return valida;
}

Notas:
Es recomendable pasar a la función validadora el propio formulario (this) para que la función sea reutilizable:
el formato del evento es empezando por return seguido de la función y los parámetros si los hubiese.
La función validadora debe devolver true/false (en el ejemplo la variable valida se carga con el resultado de una comparación)

Hay más formas, como la que te han pasado, pero la buena es la que te acabo de pasar.

Saludos

[Shiryu_Libra]

a pues que bueno que lo dice caricatos, tratare de reformala a la manera correcta de validacion, gracias por la observacion

[caricatos]

Iniciado por Shiryu_Libra

a pues que bueno que lo dice caricatos, tratare de reformala a la manera correcta de validacion, gracias por la observacion

Si tienes algún problema no dudes en consultar... además hay muchos mensajes sobre validaciones en el foro.

Saludos

[LeandroA]

perdonen soy principiante en javascript y me da error
estoy poniendo esto tal cual

Código:

<script>
function validar(formulario) {
valida = formulario,texto.value != "";
if (!valida) alert("debe rellenar el campo de texto");
return valida;
}
</script>

<form onsubmit="return validar(this)" method="get" action="javascript: alert('enviando')" >
<input type="text" name="texto" />
<button type="submit">enviar</button>
</form>

y me da un error
'texto' no esta definido
linea 4 caracter 1

y bien si me pueden explicar para que se usa el signo "!" define una variable de tipo boolean??

[JavierB]

Hola LeandroA

Has puesto una coma en lugar de un punto:

valida = formulario.texto.value != "";

Saludos,

[Shiryu_Libra]

[quote=Shiryu_Libra;1926673]

Código:

<script>
function es_valido()
{
a1 = document.form.id1.value;
a2 = document.form.id2.value;
a3 = document.form.id5.value;
if (a1=="")
  {
   alert("Introdusca el # de Deposito.");
   document.form.id1.focus();
   return 0;
   }
if (a2=="")
  {
   alert("Introdusca el Importe.");
   document.form.id2.focus();
   return 0;
}    
if (document.form.id3.selectedIndex==0)
  {
   alert("Eliga un Semestre.");
   document.form.id3.focus();
   return 0;
  }
if (document.form.id4.selectedIndex==0)
  {
   alert("Eliga un Tipo de Pago.");
   document.form.id4.focus();
   return 0;
  }
if (a3=="")
  {
    alert("Introdusca el # de Recibo.");
    document.form.id5.focus();
    return 0;
   }    
document.form.submit();
}
</script>

amigos entonces este codigo seria asi:

Código:

<script>
function es_valido(formulario)

esteform=formulario
{
a1 = esteform.id1.value;
a2 = esteform.id2.value;
a3 = esteform.id5.value;
if (a1=="")
  {alert("Introdusca el # de Deposito.");
   esteform.id1.focus(); return 0;}

if (a2=="")
  {alert("Introdusca el Importe.");
   esteform.id2.focus(); return 0;}    

if (esteform.id3.selectedIndex==0)
  {alert("Eliga un Semestre.");
   esteform.id3.focus();   return 0;  }

if (esteform.id4.selectedIndex==0)
  {alert("Eliga un Tipo de Pago.");
   esteform.id4.focus();   return 0;  }
if (a3=="")
  {alert("Introdusca el # de Recibo."); esteform.id5.focus();   return 0; }    
this.submit();
}
</script>

bueno lo hice aki, no lo he probado, en un ratiyo mas lo chekare de cualquier manera, saludos

[matthi25]

Hola Shiryu_Libra, sabes que kiero usar esta funcion y me sale el cartel con el error, pero me manda a la otra pag q seguiria cuando presiona el boton Aceptar(en mi caso). Lo que yo kiero es q al darme un error por un campo vacio vuelva al principio, sin mandarme a la otra pag., nose si me explico.
Kualkier kosa si no me entendes mi msn es [email protected], agregame y t comento como es.

Saludos

[Shiryu_Libra]

matthi25
lo que pasa es que caricatos, me menciono que al mandar llamar la evaluacion, sea por medio del mismo form

<form method="post" action="" onsubmit="return es_valido()">
</FORM>

de esta manera, se realiza la funcion, si no cumple con las inspecciones de los inputs, en ves de regresarme TRUE, que seria enviar, me regresara FALSE, entonces se queda ahi.

cualquier duda, lo seguimos intentando para que sirva en tu codigo, te parece...
suerte

[ludoviclaurel]

Hola a todos!!, soy nuevo en el foro, estoy probando la validacion javascript de Caricatos, y tengo un problema no me hace la validacion porq esoy usando en vez de:

<button type="submit">enviar<button>

uso

<a href="javascript:document.form1.submit();"><img src="../images/send.jpg" border="0" /></a>

si algun alma bondadoza e puede dar una mano ...les agradesco

saludos a todos.

[caricatos]

Hola:

Usar el método submit de un formulario "fuerza el envío", así que los chequeos deben hacerse antes (lo normal es un botón submit)... considera que si el cliente tiene javascript desactivado, jamás podrá enviar ese formulario, en cqmbio un botón puede maquillarse para que parezca un enlace y el formulario se enviaría de todos modos.

Saludos

[ludoviclaurel]

Gracias por la respuesta!, pero el problema es que mi cliente quiere un boton con la gráfica del site, no quiere el típico botón de formulario...Por supuesto que probe tu validación Caricatos y está perfecta hace justo lo que necesito, pero si pudiece hacer eso mismo con mi boton img sería lo mejor..

gracias de nuevo

[caricatos]

Hola:

Como puse antes, un botón puede "maquillarse" para que parezca un enlace, pero si se quiere usar una imagen, se puede usar un simple input type="image", que hace las veces de submit, aunque añade a los datos que se envían las coordenadas en donde se ha pinchado (con no evaluarlas...), pero también existen las etiquetas button, que dentro puede ponerse cualquier cosa... como por ejemplo una imagen...

Tal vez quieras usar el formato que propones, pero no es nada aconsejable, ya que sin un botón del tipo submit, el que tenga javascript desactivado, jamás podrá enviar el formulario.

Saludos