estoy intentado pasar una estructura de formulario de html a json y claro la idea es que el formulario html es dinámico ya que cada vez puede ser diferente y necesito un código que me pase a json los elementos del formulario y sus características de esta forma por ejemplo:
-De una etiqueta h2,p, label sacar el valor:
ej-> "label": "Casa", "h2":"casa"..
-De un input text que me saque el type, placeholder, maxlength, valor.
- Da un input number los mismo que el input text pero añadiendo el min, max .......
-De un checbox que me saque de esta estructura boostrap:
<div class="checkbox">
<label><input type="checkbox" value="">Option 1</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="">Option 2</label>
</div>
<div class="checkbox disabled">
<label><input type="checkbox" value="" disabled>Option 3</label>
</div>
pues valor del label y del input el type...
Yo he intentado hacer esto por ejemplo de este formulario de prueba:
<form id="conv" name="formulario" action="#" method="#">
<label for="usr">dfdf</label>
<input type="text" size="20" maxlength="44" placeholder="de">
<p>scsc</p>
<p>dd</p>
<div class="checkbox">
<label><input type="checkbox" name="checko1" value="">dcd</label>
</div>
<div class="checkbox">
<label><input type="checkbox" name="checko2" value="">cdcd</label>
</div>
</form>
el script:
$(".convertir").click(function () {
function serializeSchema(form) {
return [].map.call(form.elements, function (el) {
return {
type: el.type,
name: el.name,
value: el.value,
placeholder: el.placeholder,
size: el.size,
maxlength: el.maxlength,
min: el.min,
max: el.max,
step: el.step
};
});
}
;
var form = document.querySelector('#conv');
schema = serializeSchema(form);
console.log(JSON.stringify(schema, null, 4));
pero me saca esto de una manera que no quiero
[
{
"type": "text",
"name": "input_text1",
"value": "",
"placeholder": "de",
"size": 20,
"min": "",
"max": "",
"step": ""
},
{
"type": "checkbox",
"name": "checko1",
"value": "",
"placeholder": "",
"size": 20,
"min": "",
"max": "",
"step": ""
},
{
"type": "checkbox",
"name": "checko2",
"value": "",
"placeholder": "",
"size": 20,
"min": "",
"max": "",
"step": ""
},
{
"type": "submit",
"name": "",
"value": ""
}
]
por ejemplo los label, h2 no me lo saca....