Fix: Serializing the value of empty DOM elements using native JSON in IE8 #304

siyu77 · 2018-04-03T15:52:10Z

How to reproduce:
OS: Windows XP
Browser: Internet Explorer 8.0.6001.18702

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jquery-placeholder test suite</title>
		<style>
		</style>
	</head>
	<body>
		<div id="qunit"></div>
		<div id="fixtures">
			<!-- I explicitly want these to be visible in the page, for easier debugging. -->
			<form>
				<p><label><code>type=search</code> <input id="input-type-search" type="search"></label></p>
				<p><label><code>type=text</code> <input id="input-type-text" type="text"></label></p>
				<p><label><code>type=email</code> <input id="input-type-email" type="email"></label></p>
				<p><label><code>type=url</code> <input id="input-type-url" type="url"></label></p>
				<p><label><code>type=tel</code> <input id="input-type-tel" type="tel"></label></p>
				<p><label for="input-type-password"><code>type=password</code> </label><input id="input-type-password" type="password"></p>
				<p><label><code>textarea</code> <textarea id="textarea"></textarea></label></p>
				<p><input type="submit" value="type=submit"></p>
			</form>
		</div>
		<script src="../jquery.min.js"></script>
		<script src="../jquery.placeholder.js"></script>
		<script src="tests.js"></script>
	</body>
</html>

console.log(JSON.stringify($('#input-type-search').val()));
console.log(JSON.stringify($('#input-type-text').val()));
console.log(JSON.stringify($('#input-type-email').val()));
console.log(JSON.stringify($('#input-type-url').val()));
console.log(JSON.stringify($('#input-type-tel').val()));
console.log(JSON.stringify($('#input-type-password').val()));
console.log(JSON.stringify($('#input-type-textarea').val()));

Outputs:

"null"

Cause and Fix method:
See: https://blogs.msdn.microsoft.com/jscript/2009/06/22/serializing-the-value-of-empty-dom-elements-using-native-json-in-ie8/

… IE8 See: https://blogs.msdn.microsoft.com/jscript/2009/06/22/serializing-the-value-of-empty-dom-elements-using-native-json-in-ie8/

Fix: Serializing the value of empty DOM elements using native JSON in…

6d47bc9

… IE8 See: https://blogs.msdn.microsoft.com/jscript/2009/06/22/serializing-the-value-of-empty-dom-elements-using-native-json-in-ie8/

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Fix: Serializing the value of empty DOM elements using native JSON in IE8 #304

Fix: Serializing the value of empty DOM elements using native JSON in IE8 #304

Uh oh!

siyu77 commented Apr 3, 2018 •

edited by amerikan

Loading

Uh oh!

Uh oh!

Fix: Serializing the value of empty DOM elements using native JSON in IE8 #304

Are you sure you want to change the base?

Fix: Serializing the value of empty DOM elements using native JSON in IE8 #304

Uh oh!

Conversation

siyu77 commented Apr 3, 2018 • edited by amerikan Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

siyu77 commented Apr 3, 2018 •

edited by amerikan

Loading