validar vacios en campos dinamicos

lorecasas · #1 (**permalink**) 06/12/2004, 12:25

hola foro:

Tengo un problema, tengo un formulario con 76 campos dinamicos, y al darle submit necesito que se valide que todos estan llenos, para esto hice esta funcion que llamo en el evento onSubmit de la forma:

function ValidarVacios()
{
var f = document.forms['form1'];
var text = "";
var alerta = false;
//numTexts es el numero de campos, ahora son 76 pero podria variar
for (var i = 0; i <= parseInt(f.numTexts.value); i++){
//los nombres de los campos comienzan con el prefijo 'txt' seguido del numero del campo
text = 'txt' + String(i);
if (('f.'+[text]+'.value') == ''){
alerta = true;
}
}
if (alerta==true)
{
alert('Campos Vacios');
return false;
}
else{
return true;
}
}

Lo que hace este script es que va recorriendo todos los campos y si alguno esta vacio cambia el estado de la variable alerta de false a true, de modo que si hay aunque sea un solo campo vacio, debe entrar y cambiar a true la variable alerta.

Cuando termina de recorrerlos hay un if preguntando si la variable alerta es true, entonces saca un mensaje alert diciendo que hay campos vacios, el problema es que al dar submit esta ignorando totalmente el scrip y checando vi que no entra al if que esta dentro del for, donde cambio el estado de la variable:

if (('f.'+[text]+'.value') == ''){
alerta = true;
}

ahora no se si estoy concatenando bien la variable con el restod e la sentencia o que estoy haciendo mal.

Alguien sabe alguna otra forma poara checar inputs text dinamicos?? y que el mensaje salga solo una vez ya sea que haya uno o mas inputs vacios???

Gracias!!!

Atte. Lorena

kepawe · #2 (**permalink**) 07/12/2004, 00:33

Hola lorecasas

Son muchas campos para comprobar

. Creo que seria buena idea marcar los campos obligatorios con un color. En el ejemplo que te envio he puesto los bordes de color rojo para los campos obligatorio, y los no obligatorios en negro.

<html>
<head>
<title>Untitled</title>
<style type="text/css">

</style>

<script language=JavaScript type=text/javascript>

</script>

</head>
<body>
<form action="formulario.php" method="post" name="form1" onsubmit="return false">
<input class="obligatorio" type="text" name="txt01" >
<input class="obligatorio" type="text" name="txt02" >
<input class="obligatorio" type="text" name="txt03" ><br>
<input class="noObligatorio" type="text" name="txtno"> Campo no obligatorio
<input type="button" value="Enviar" onclick = "check_txt(this.form)">
</form>
</body>
</html>

Espero que te sea util.

Un saludo

lorecasas · #3 (**permalink**) 09/12/2004, 17:52

hola!!!

Oye gracias por el script, justo lo que necesitaba y tan breve

, muchas gracias, quedo perfecto!!!

Atte. Lorena

angsanchez · #4 (**permalink**) 09/12/2004, 18:02

Hola, lorecasas
Parece que ya lo solucionaste, pero por si acaso...
en tu código original yo cambiaría:
text = 'txt' + String(i);
por
text = 'txt' + i;

y
if (('f.'+[text]+'.value') == ''){
por
if (('f.'+text+'.value') == ''){

kepawe · #5 (**permalink**) 12/12/2004, 08:56

Hola lorecasas, angsanchez.

De nada Lorena, me alegro

de haberte sido ayuda, el script que te envie se puede mejorar, olvide devolver el foco al primer campo vacio y eliminar los espacios a ambos lados de las cadenas de los campos obligatorios.

Te envio el script con los cambios

<script language=JavaScript type=text/javascript>

</script>

Por cierto, muy buena idea lo de identificar los campos obligatorios con una cadena y numeros.

Saludos

caricatos · #6 (**permalink**) 12/12/2004, 11:42

Hola a todos:

Quería indicar unos errores del script inicial, y también de los arreglos de angsanchez (¡Hola

!)...

Al evaluar:
if (('f.'+[text]+'.value') == ''){
alerta = true;
}
... o la versión:
if (('f.'+text+'.value') == ''){

tenemos que 'f.' es una cadena de texto y nunca un formulario:
var f = document.forms['form1'];

Con la versión original se hubiera podido considerar elementos del formulario cosas así:
eval('f.'+text+'.value').
o
f[text].value

De todos modos, si está solucionado, solo podrá servir como referencia.

Saludos

lorecasas · #7 (**permalink**) 12/12/2004, 17:58

Hola!! muchas gracias a los dos

, kepawe y caricatos, oigan ya que estamos en esto y dando mas lata, lo unico que no entiendo bien de este codigo es la parte:

String.prototype.itsWhitespace = function(){
return this.search(/\S/g) == -1 ? true : false

}
String.prototype.trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}
var msk_txt = /txt\d/

No soy experta en javascript y quisiera saber si me pueden dar alguna url donde se expliquen el significado de expresiones como: /\S/g y /txt\d/

Mil Gracias!!!

kepawe · #8 (**permalink**) 13/12/2004, 19:07

Hola de nuevo.
Son expresiones regulares, pueden volverte loco

de vez en cuando, pero merece la pena aprender como funcionan, te ahorran mucho código.

Te envio estás direcciones.

http://javascript.espaciolatino.com

http://msdn.microsoft.com/library

http://doc.rz.ifi.lmu.de/web/js/CoreReferenceJS15

Saludos

lorecasas · #9 (**permalink**) 14/12/2004, 00:23

muchas gracias kepawe, tan rebien ;) gracias, saludos y nos vemos!!

Atte. Lore

sandovalchrist · #10 (**permalink**) 08/07/2009, 09:58

Hola estaba proando su codigo....

Pues si bien no me da error en jacascript al recorrer el for nunca me entra a esta linea

if(msk_txt.test(current_form[ctr].name)){
....
}

Por lo tanto el contador q tenemos abajo pues siempre me hace el submit

if(its_ok == 0){
current_form.submit(); // Enviamos el formulario
} else{
alert("Por favor rellene los campos rojos")
textfocus.focus()
}

Ha q hacen referencia a esa linea?

Se que --- > current_form[ctr].name me trae el name de todos los campos en el formulario

Pero -->msk_txt de donde salio??

A ver si alguien me orienta je. Gracias

JavierB · #11 (**permalink**) 08/07/2009, 09:59

El mensaje original es de hace más de 4 años. Por favor, no reviváis temas tan antiguos.

Saludos,