validar n input text

[Montes28]

Hola amigos tengo un formulario que se genera dinamicamente osea va tener n inputs como hago para validar los n inputs


hasta el momento tengo este codigo solo logro validar el primer input

Código Javascript:

$("#frm_insert").submit(function () {
    if($("#periodo1").val().length < 1) {
        alert("El nombre es obligatorio");
        return false;
    }
 
});
 

de esta manera creo los input

Código PHP:

<input class='periodo' type="text" size='10'  name="periodo" id="periodo<? echo $contador ?>"/>
 

[maycolalvarez]

Cómo veo que usas jQuery podrías asignarle una clase CSS a los input dinámicos con el cual puedas obtener todos los input y utilizar $.each y $(this)

[Montes28]

maycolalvarez gracias por responder

pero tengo un problema ya que estoy utilizando la clase para realizar unos calculos

Código Javascript:

$('.periodo').keyup(function(){
    var parent = $(this).parents('tr');
    var price = $('.frecuencia', parent);
    var sum = $('.Resultado', parent);
    var value = parseInt(this.value) * parseFloat(price.get(0).innerHTML||0);
    if(isNaN(value)){
    value=0;}else{
        sum.text(value);
    $('.Resultado').val(value);
    }
})
 

<input class='periodo' type="text" size='10' name="periodo" id="periodo<? echo $contador ?>"/>

[Montes28]

con el id no lo puedo lograr?

[Montes28]

he probado de esta manera

Código Javascript:

$("#frm_insert").submit(function () {
    if($("#periodo1").val().length < 1) {
        alert("El nombre es obligatorio 1");
        return false;
    }
    if($("#periodo2").val().length < 1) {
        alert("El nombre es obligatorio 2");
        return false;
    }
 
});
 

como puedo hacer un ciclo ? como haga para saber el numero de input que tengo en el form?

estoy utilizando jquery

[maycolalvarez]

puedes tener más de una clase en un elemento del DOM, separado por espacio:

<div class="clase1 clase2 clase3" > ....

y se obtiene: $(".clase1")

consulte sobre $.each

[Montes28]

maycolalvarez gracias por responder


utilize este plugin jQuery.validationEngine
http://www.position-relative.net/cre...formValidator/

y utilice lo que me dijiste que se puede tener más de una clase en un elemento del DOM, separado por espacio:

Código Javascript:

jQuery("#frm_insert").validationEngine();
 

Código PHP:

<input class='periodo validate[required] text-input' type="text" size='10'  name="periodo" id="periodo<? echo $contador ?>"/>
 

[Montes28]

hola amigos se me presento un incoveniente tengo 150 inputs y dar en un submit se bloquea el navegador

y me aparece el siguiente error en el navegador

Un script en esta página puede estar ocupado, o puede haber dejado de responder. Puede detener el script ahora, o puede continuar para ver si el script se completa.

Script: http://localhost/archivo/public/js/jquery-1.6.min.js:4

[maycolalvarez]

@Montes28: ¿que metodo usas?: lo ideal es POST no get

¿que lenguaje del server usas?: muchos como PHP limitan el tamaño de los datos recibidos por POST, en tal caso debes de aumentarlo y por ende puede que también la memoria que puede usar y el tiempo de ejecución en el servidor, si no, te tocaría que paginar el form y enviar la data por segmentos.

[Montes28]

hola maycolalvarez estoy utilizando php estoy enviando por post pero el problema es al hacer la validacion con jquery porque cuando los envio no hay ningun problema.

lo que me indicas que paginar el form eso seria invisible para el usuario? como haria para enviar el data por segmentos

el navegador se bloquea cuando no lleno ningun input y el empieza a realizar la validacion pero lo raro es que en explorer ni en chrome se bloquea pero en mozilla si.