~dvko/populate.js

JS library to fill form fields from a JSON object
2df2c1ed — Danny van Kooten 2 years ago
1.3.1
cdc950d0 — Danny van Kooten 2 years ago
update package.json to point to new git repository on sourcehut
59a27a1d — Danny van Kooten 2 years ago
update package.json to point to new git repository on sourcehut

clone

read-only
https://git.sr.ht/~dvko/populate.js
read/write
git@git.sr.ht:~dvko/populate.js

You can also use your local clone with git send-email.

#populate.js

A simple JavaScript populate( form, data ) function which will populate form fields from a JSON object.

Input types (text, email, select, multiple select, etc) are taken into account but not validated.

#Usage

HTML

<form id="my-form">
	<input type="text" name="name" />
	<input type="email" name="email" />

	<input type="text" name="address[addr1]" />
	<input type="text" name="address[city]" />
	<input type="text" name="address[state]" />
</form>

JavaScript

// your JSON object
// keys have to match input names
var data = {
	"email": "john@doe.com",
	"name": "John Doe",
	"address": {
		"addr1": "Street name",
		"city": "City name",
		"state": "State"
	}
}

// your containing element
var formElement = document.getElementById('my-form');

// populate the form with our JSON object
populate(formElement, data);

#Install

Load the JavaScript file in your browser directly or install using NPM:

npm install populate.js

#License

MIT licensed.