Validacion formulario (varios campos mismo nombre)

[galorn]

Hola a todos:

Estoy intentando hacer una validacion de un formulario, que tiene los siguientes campos:

- (2 o mas, es variable) nombreParticipanteSesion: nombre de persona, un string no vacio
- tiempoSesion: tiempo, un integer mayor o igual que 10
- numP: un integer que no deseo validar ya que ya viene dado de antes

Aquí esta el código JAVASCRIPT para validarlo:

Código Javascript:

function sessionCreationOnClick(){
    alert("entraaaaaaa");
    if (document.myForm.tiempoSesion.value.length==0){
         alert("El valor del tiempo no puede ser nulo!") 
         document.myForm.tiempoSesion.focus()
         return 0; 
    }else if (document.myForm.tiempoSesion.value < 10){
         alert("El numero tiene que ser mayor o igual que 10") 
         document.myForm.tiempoSesion.focus() 
         return 0;
    }else if (document.myForm.nombreParticipanteSesion.value.length==0){
         alert("el valor del nombre no puede ser nulo");
                 document.myForm.nombreParticipanteSesion.focus() 
         return 0;
    }
    //el formulario se envia si todo ha ido bien
    alert("Muchas gracias por enviar el formulario"); 
    document.myForm.submit();
}
 

Veo el alert de "entraaaaaaaaa" siempre, pero ningun alert mas. Incluso he intentado quitar la validación de numP (que es la que mas problemas puede dar, al haber varios con el mismo nombre que no se si se puede hacer...) pero sigue sin ir
Por lo que he leido por ahi, cuando hay varios campos con el mismo nombre javascript te crea automaticamente un array que tienes que recorrer, pero no se como hacerlo.

Muchas gracias por la ayuda!!!!!

[CHuLoSoY]

Si hay varios campos con el mismo nombre tendrás que hacerlo como un array

Código HTML:

<input type="text" name="nombreParticipanteSesion[]">
 

Código Javascript:

document.myForm.tiempoSesion[NUMERO].value
 

[galorn]

Estoy probando con este codigo, pero creo que recorro mal el array o algo del estilo.

Código Javascript:

function sessionCreationOnClick(myForm){
    alert("entraaaaaaa");
    if (myForm.tiempoSesion.value.length==0){
         alert("El valor no puede ser nulo!") 
         myForm.tiempoSesion.focus()
         return false; 
    }else if (myForm.tiempoSesion.value < 10){
         alert("El numero tiene que ser mayor o igual que 10") 
         myForm.tiempoSesion.focus() 
         return false;
    }
    for (int i=0; i<myForm.nombreParticipanteSesion.length; i++){
        if(myForm.nombreParticipanteSesion[i].value.length==0){
            alert("El valor del nombe no puede ser nulo!") 
            myForm.nombreParticipanteSesion[i].focus()
            return false;
        }
    }
    //el formulario se envia si todo ha ido bien
    alert("Muchas gracias por enviar el formulario"); 
    return true;
}
 

[_cronos2]

En JS las variables se declaran con la palabra var, es decir var variable, o simplemente variable, aunque hay ciertas diferencias entre hacerlo de una manera y de otra. Por tanto, no sería int i, sino var i o simplemente i.
Saludos (:

[galorn]

Cierto xd se me ha ido la olla...
Ya he puesto var, pero me sigue sin ir. En el html lo tengo declarado en name como array tal y como me han respondido [] y luego en el javascript recorro el array para ir viendo todos y si alguno no coincide, devolver false.

Código HTML:

<input type="text" name="nombreParticipanteSesion[]">
 

Código Javascript:

function sessionCreationOnClick(myForm){
    alert("entraaaaaaa");
    if (myForm.tiempoSesion.value.length==0){
                alert("El valor no puede ser nulo!") 
                myForm.tiempoSesion.focus()
                return false; 
    }else if (myForm.tiempoSesion.value < 10){
                alert("El numero tiene que ser mayor o igual que 10") 
                myForm.tiempoSesion.focus() 
                return false;
    }
    for (var i=0; i<myForm.nombreParticipanteSesion.length; i++){
               if(myForm.nombreParticipanteSesion[i].value.length==0){
                     alert("El valor del nombe no puede ser nulo!") 
                     myForm.nombreParticipanteSesion[i].focus()
                     return false;
               }
        }
    //el formulario se envia si todo ha ido bien
    alert("Muchas gracias por enviar el formulario"); 
    return true;
}
 

[Adler]

Hola

Si quieres tratarlo como array asociativo, tendrás que usar getElementByNam(). Algo como esto

Código Javascript:

campo = document.getElementsByName('campo[]');
for (var i in campo) { 
if(campo[i].value.length == 0){
alert('error')
return false;
}
}
 

Suerte

[rodrigo_1986]

para recorrer el array se lo puede hacer también de la siguiente forma:

var elementos=document.getElementsByName("archivos[]")
for (i = 0; i < elementos.length-1 ; i++) {
alert(elementos[i].value)
}

[Adler]

Iniciado por rodrigo_1986

para recorrer el array se lo puede hacer también de la siguiente forma:

var elementos=document.getElementsByName("archivos[]")
for (i = 0; i < elementos.length-1 ; i++) {
alert(elementos[i].value)
}