entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Validar campos de textos dinamicos con jquery

Como validar campos de texto dinamicos ya que solo me validan solo los tres primero los demás que se generan no lo logro realizar utilizo jquery validate ayudarme o darme una idea donde esta mi fallo dejo el link solo que me da un fallo en http://jsfiddle.net/
pero si lo trasladan a un ide funciona correctamente https://jsfiddle.net/sarrhen/6cuu4rpw/1/

1voto

Peter comentado

Mejor pon el código aquí, tu primer enlace esta mal y no se puede ver tu código en donde no te funciona.

Saludos.

1voto

sarrhen comentado

Este es el codigo aqui se generan los campos dinamicamente al lado del cliente uso jquery.validate para validar pero solo me valida los primeros tres campos los demas ya no

<form id="myform" name="myForm" method="POST">

  <label for="PASIVOS">Ingreso de datos</label>
  <div class="input_fields_wrap1">
    <input class="add_field_button1" type="button" value="+ Agregar" >
  </div>

$(document).ready(function() {

  var max_fields = Infinity; //maximum input boxes allowed
  var wrapper1 = $(".input_fields_wrap1");
  var add_button1 = $(".add_field_button1"); //Add button

  var x = 1; //initlal text box count
  $(add_button1).click(function(e) { //on add input button click
    e.preventDefault();
    if (x < max_fields) { //max input box allowed
      x++; //text box increment
      $(wrapper1).append('<div>Producto <input type="text" name="Producto[]"> Precio <input type="text" name="Precio[]">  Cantidad <input type="text" name="Cantidad[]"><a href="#" class="remove_field">Quitar</a></div>'); //add input box
    }
  });

  $(wrapper1).on("click", ".remove_field", function(e) { //user click on remove text

    e.preventDefault();
    $(this).parent('div').remove();
    x--;
  })

  $('#myform').validate({
    rules: {
      "Producto[]": {
        required: true,

      },
      "Precio[]": {
        required: true,

      },
      "Cantidad[]": {
        required: true,

      },
    }
  });

});

1 Respuesta

1voto

rach Puntos6010

yo en algún momento pregunte lo mismo en este foro y esta fue la ayuda que recibí y me ayudo bastante, por lo que entiendo quieres validar que no vayan campos vacíos, es asi esto te puede servir

http://entredesarrolladores.com/10109/validar-vayan-campos-vacios-javascript-sobre-campos-din%C3%A1micos?show=10109#q10109

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta