jQuery.formLocalStoragejQuery 表单插件

联合创作 · 2023-10-02 06:55

jquery.formLocalStorage 是一个实现通用表单暂存功能的jquery插件

原理:

监控表单域变化,并使用HTML5 WebStorage中的localStorage来存储这些有变化的表单域的值,并在从新加载表单时将存储的值载入回表单域中,从而实现暂存功能。

功能特点:
1.不与服务器端交互,存储使用的是客户端存储,节省服务器资源。
2.代码简练,只需一小段代码 $("#your_form_id").formLocalStorage(); 即可搞定,无需写一大坨服务器端逻辑。

3.丰富的配置项,通过配置项可以自定义暂存内容的css,暂存加载完毕、存储完毕与删除完毕后的回调事件以及暂存的存储命名规则。

用法
1.缺省选项:

$("#your_form_id").formLocalStorage();

2.自定义选项:

$("#your_form_id").formLocalStorage({
    storage_name_perfix : 'your_storage_name_perfix', 
    storage_events : 'click'
});

浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报