Utility script for saving forms fields to browser storage using data-attributes. Makes testing form applications quicker.
QuickSave uses the element type (i.e input
or textarea
) and the name attribute to generate a storage key for the data.
Either serve locally or you can use the jsdeliver CDN version:
https://cdn.jsdelivr.net/gh/jamesrwilliams/[email protected]/lib/qs.js
The script requires a name attribute (this is used for the storage key) for elements you want to be saved:
<input type="text" data-qs name="example" id="name">
N.B - You can change the data- attribute using the attribute option.
var qs = new qs();
Change script settings by passing an options object to the constructor, like so:
var qs = new qs({
attribute: 'qs',
debug: true
prefix: 'qs_',
storage: 'local',
});
Setting | Description | Example Value | Default Value |
---|---|---|---|
attribute |
Replace the default data attribute to a custom one. Eg data-[attribute] |
custom-attribute |
qs |
debug |
Enable verbose feedback on missing attributes | true or false |
true |
prefix |
Use a custom prefix for the storage keys | custom_ |
qs_ |
storage |
Change the storage class for the data. | session or local |
local |