使用LocalStorage存储用户已填写的表单信息(意外刷新后自动填充)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_26975307/article/details/84959462

先引入一个js文件:sisyphus.min.js

(官网:http://sisyphus-js.herokuapp.com/

在页面的script中找个地方引用:

$( function() {
	$( "#basic_form" ).sisyphus();
	// or you can persist all forms data at one command
	// $( "form" ).sisyphus();
} );

备注:

1、我只用于存储form表单数据,至于其他的可以到官网去拜读下

2、用户提交表单之后记得清除localStorage里中的表单数据,因为sisyphus是将用户所填写的数据保存到localStorage的

存储的格式为:

key:  [id=form的id][name=undefined][id=标签的id][name=标签的name]

value:用户所填的数据

3、提交成功之后,清除localStorage:localStorage.clear();

4、不支持标签中onchange()调用的方法

最简单的示例:http://www.jq22.com/jquery-info268

猜你喜欢

转载自blog.csdn.net/qq_26975307/article/details/84959462