Form to Json

Form to Json

by Dan Daniel

HTML

<form class="form-sample">
  <input type="text" name="name" value="foo" />
  <input type="text" name="email" value="[email protected]" />
  <textarea name="comment">wqeqwtwqtqwtqwet</textarea>
</form>
<br><b>Result:</b>
<div class="res-div"></div>

CSS

.res-div { white-space: pre; font-family: monospace; }

JavaScript

var data = {};
$(".form-sample").serializeArray().map(function(x){data[x.name] = x.value;}); 
$(".res-div").html(JSON.stringify({fields: data}, null, 4));