Comunidad de diseño web y desarrollo en internet online

limitar a 3 numero de campos quegenera este formulario

Citar            
MensajeEscrito el 17 Nov 2010 02:21 pm
Hola. encontre este script que crea campos adicionales al formulario al presionar mas campos
http://www.desarrolloweb.com/articulos/ejemplos/jquery/plugins/plugin-mas-campos-formulario.html
bueno como ven funciona muy bien pero crea ilimitado numero de campos...
me gustaría saber como lo limito a que cree no mas 3 campos.

de antemano gracias.

Por atkdesign

31 de clabLevel



 

diseño web

chrome
Citar            
MensajeEscrito el 18 Nov 2010 03:02 pm

Código Javascript :

   <script>
   var max=0;
   jQuery.fn.generaNuevosCampos = function(etiqueta, nombreCampo, indice){
      $(this).each(function(){
      
            elem = $(this);
            elem.data("etiqueta",etiqueta);
            elem.data("nombreCampo",nombreCampo);
            elem.data("indice",indice);
         
            elem.click(function(e){
               e.preventDefault();
               elem = $(this);
               etiqueta = elem.data("etiqueta");
               nombreCampo = elem.data("nombreCampo");
               indice = elem.data("indice");
               texto_insertar = '<p>' + etiqueta + ' ' + indice + ':<br><input type="text" name="' + nombreCampo + indice + '" /></p>';
               indice ++;
               elem.data("indice",indice);
               nuevo_campo = $(texto_insertar);
               elem.before(nuevo_campo);
               max++;
               if (max == 3) {$("#mascampos").hide();}

            });
      });
      return this;
   }
   $(document).ready(function(){
      $("#mascampos").generaNuevosCampos("Compra", "compra", 2);
   });
   </script>

Por nax_hh

Claber

168 de clabLevel

1 tutorial

 

Reus

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.