Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Auto populate form data

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 lib
Octocat-spinner-32 src
Octocat-spinner-32 LICENSE.txt
Octocat-spinner-32 README.textile
Octocat-spinner-32 demo.css
Octocat-spinner-32 demo.html
Octocat-spinner-32 demo.js
README.textile

jquery.populate

Manual testing your web app is a pain when you have lots of forms which need to be filled in. Not anymore!

Usage


  $('input').populate();

That was easy! Inputs with a name containing ‘first_name’ will be filled in with a random first name, etc.

What if I want to add a new field type?


  $.populate.registerValues({
    favoriteColor: ['red', 'green', 'blue']
  });

Now favorite_color inputs will be filled in with a random color choice from [‘red’, ‘green’, ‘blue’]

I want to write a function to generate my field value

I won’t stop you!


  $.populate.registerValues({
    favoriteColor: function() {
      return 'red';
    }
  });

What if my new field depends on the value of another field?

I want the username to be the first name plus a number, or I want
the password confirmation to be equal to the password, for example.
(Both of these examples are already in the plugin)


  $.populate.registerValues({
    username: $.populate.dependency('firstName', function(firstname) {
      return firstname + Math.randomInt(100);
    }),
    passwordConfirmation: $.populate.is('password')
  });

Easy-peasy.

Check demo.html/css/js for more examples.

Something went wrong with that request. Please try again.