引入jQuery类库,版本需要是1.2以上
调用Sisyphus,如下:
$('#GBin1form1, #GBin1form2').sisyphus();
或者你需要提供所有的表单自动保存机制:
$('Gbin1allform').sisyphus();
以上代码中,我们调用sisyphus方法来实现表单数据的自动保存。同时你可以自定义一些选项,如下:
一个自定义的额外key用来保存表单内容数据
数据自动保存的间隔时间,按秒计算,如果设置为“0”,那么每一个字段更新都自动执行保存
本地保存操作后触发这个方法
数据从本地存储读取后触发的方法,和onSaveCallback不一样,它作用于整个表单,而非某一个字段
本地存储数据清空后调用的方法
我们可以使用如下代码自定义选项:
$('Gbin1allform').sisyphus({
customKeyPrefix: 'gb',
timeout: 5,
onSave: function() {},
onRestore: function() {},
onRelease: function() {}
}
}
你可以针对不同的表单设置不同的插件选项,并且能够随时修改插件对应的选项。