Blog, Development

MooStepForm

Hoy repasando los RSS, he visto que anieto2k ha publicado un script para jQuery que convertia un formulario en varios pasos. Lo que ha hecho tener la idea de hacer lo mismo pero con Mootools.

El funcionamiento es el mismo que el script de anieto2k, busca por defecto un formulario (estoy preparandolo para que funcione con mas de uno…) con la class stepMe y lo divide por fieldsets.

Se puede personalizar al crear la clase:

  • strBack: ‘string de volver’
  • strNext: ‘string de siguiente’
  • blockEl: ‘tag para usar en la division’
  • className: ‘class del formulario’

He adjuntado un pequeño fichero HTML para verlo en funcionamiento (AVISO: no tiene CSS!!)

Lo podeis descargar aqui: MooStepForm v.0.1

5 thoughts on “MooStepForm

  1. Hola

    me parece que se podria adaptar a mis necesidades, pero ¿como recojo los datos que me rellenan en el formulario?

    1. Buenas, me parece muy bueno este plug-in, ayuda bastante a la hora de tener un formulario que solicite distintos tipos de datos. Respondiendo a tu pregunta, los datos se introducen en el formulario, luego de que el usuario inserte todos los datos y presione en el boton envia los datos a algun lado (metodo post o get) en ese caso los campos tienen un ID y nombre, a partir de el ID puedes obtener los valores q contiene cada campo. Saludos!!!

    2. Hola! Mirá hago la misma consulta que F Jose

      Como recojes los datos ingresados, como para que llegen al mail..

      Gracias!

      1. Hola

        el formulario es una formulario normal, por lo que dandole a enviar se envia por POST/GET (segun este configurado en el ). El JS solo cambia la forma de mostar el formulario, si desactivas el JS, el formulario aparece entero en la pagina.

        Como extra se podria implementar que el script cada vez que le das a la siguiente pagina, enviara los datos actuales por AJAX y se fueran recolectando.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.