Form Autosave

Form auto submit algorithm

by Vladimir Sobolev

HTML

<form id="test">
	<fieldset>
		<legend>...</legend>
		<p>
			<input name="text" type="text">
		</p>
		<p>
			<input name="checkbox" type="checkbox">
		</p>
		<p>
			<input name="radio" type="radio" value="1" checked="checked">
			<input name="radio" type="radio" value="2">
		</p>
		<p>
			<select name="select">
				<option value="1">1</option>
				<option value="2">2</option>
			</select>
		</p>
		<p>
			<textarea name="textarea"></textarea>
		</p>
	</fieldset>
</form>

JavaScript

$(function() {
	$(':input').on('keypress change keydown',function() {
		clearTimeout(window.xform);
		window.xform = setTimeout(xsubmit, $(this).is('[type="text"],textarea')?2000:0);
	});
	function xsubmit() {
		$('legend').text($('#test').serialize());
	}
})