SheepIt is a jQuery plugin that allows you to clone form elements dynamically

SheepIt is a jQuery plugin that allows you to clone form elements dynamically.
It is very useful to develop advanced forms that require the same type of load data multiple times.

For example, if you have a form as follows:
Formulario básico
In which a person’s data is loaded (Name, Surname and Telephone), sheepIt can transform the phone into a multiform field dynamic so as to able the user load more than one phone per person.
Formulario con SheepIt

In addition, for ease of use, sheepIt added advanced controls that allow the user to modify the form dynamically adding or removing clones.
Controles avanzados

Features

  • Configuration options
    Limit the number of forms, Form controls customizable, number of initial forms, delete confirmation etc.
  • Advanced controls
    Add multiple forms at the same time, remove the last one and remove all are some of the advanced controls that sheepIt provides.
  • Web designers friendly
    SheepIt use the same template that the designer can see in your editor, easy to upgrade the design.
  • Data injection
    Thanks to inject method () API, sheepIt lets you load an array of data to the entire form, to an embedded clone form or to a specific clone.
    The method will perform all operations necessary to load the information provided, taking into account the existing clones and configurations.
  • Callback functions
    The callBack functions used to run custom codes before or after you add a clone to the form.
    So, for example, to set validation to forms cloned.
  • Nested forms
    A person has multiple addresses and an address may have multiple phones.
    Nested forms can handle such complex situations.
  • Pre-generated forms
    SheepIt can identify pre-generated clones at the html code and integrate them so as to handle them like the rest.
    This is very useful to interact with form frameworks as used in Symfony for PHP.
  • API to control the form from Javascript
    The plugin exposes a number of methods for controlling the form using Javascript in the same way that the user controls in your browser.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s