formStorage是一个基于jquery的插件(在本地存储表单中元素的状态)

原理很简单。表单中元素的状态通过本地存储机制(用户数据或本地存储)存储在本地。如果需要，可以将存储的状态恢复到表单元素。还使用了json数据格式。以前，我想在插件中编写需要的功能，但我认为这太多余了。那没必要。它基于另外两个插件现实，即：jquery.json和jStorage。这两个插件实用且小巧，api简单易用。其中，jStorage需要在旧版浏览器中使用jQuery.json或json2formmStorage(不支持原生json操作)，将三种方法扩展到jQuery对象，对于非表单标签无效。存储时，调用： $(“# my form”)。formstore (/* exclusions */)。这个方法可以传入一个包含form元素id的数组，并指定哪些元素状态不需要存储和恢复，调用： $('#myform ')。formRestore()清除存储的调用3360 $(“# my form”)。destroystore()，然后调用formRestore将不起作用。因为相应的本地存储数据已被删除，注：为了在恢复时定位元素，表单及其表单元素都需要给定id。保存时，表单的id被用作键，所有表单元素的状态被组织成一个json字符串作为值。如果输入的类型是按钮、文件、提交、重置、密码、图像，则不会存储该标签的状态。如果表单中有textarea，文本内容较大，不建议实用，尤其是IE6、7、7。以下是各浏览器本地存储容量的参考图片(来自jStorage的主页): 。

嗯，图片中的浏览器好像有点旧了.这里有一个简单的例子。复制代码如下：表单ID='我的表单'操作=' '输入ID=' name '名称=' name '类型=' text '值=''/输入id='password '名称='pwd '类型='password '值='' /输入类型='checkname' id='check1 '值='checkvalue1' /输入类型='checkname '名称='checkname' id='check2 '值='checkvalue2' /输入类型='radio '名称实例中对应的js如下： Copy代码如下： $('#store，#restore，#destroy ')。on('click '，function(){ if(this . id==' store ')$(' # my form ')。formStore()；else if(this . id==' restore ')$(' # my form ')。formRestore()；else $('#myform ')。destroy store()；});最后，如果你感兴趣，可以下载这个插件(点击下载表单存储)。解压后，就可以直接运行test.html里面了。源代码没有被压缩。因为时间短，可能会有一些不完美。请留言讨论。