javascript 在提交到本地存储时存储表单字段

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 在提交到本地存储时存储表单字段相关的知识,希望对你有一定的参考价值。

		function logSubmit(event) {
			var name = document.querySelector('li.field-name .ginput_container input[type="text"]').value;
			localStorage.setItem('name', name);

			var email = document.querySelector('li.field-email .ginput_container input[type="text"]').value;
			localStorage.setItem('email', email);
		}

		window.onload = function() {
			document.querySelector('.form-survey').addEventListener('submit', logSubmit);
			if (localStorage.getItem("name") !== null) {
				document.querySelector('li.field-name .ginput_container input[type="text"]').value = localStorage.getItem("name");
			}

			if (localStorage.getItem("email") !== null) {
				document.querySelector('li.field-email .ginput_container input[type="text"]').value = localStorage.getItem("email");
			}
		}

以上是关于javascript 在提交到本地存储时存储表单字段的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 javascript 而不是 Django 会话将表单数据(Django 表单)存储到浏览器的本地存储?

使用本地存储中的数据创建提交表单

使用本地存储数据生成字段时如何删除表单验证错误

javascript 本地数据库存储websql

Javascript 显示来自本地存储阵列的数据问题

使用 javascript 使用 innerhtml 提交表单后显示超链接和粗体字文本