form serialize javascript (no framework)

Question

Wondering is there a function in javascript without jquery or any framework that allows me to serialize the form and access the serialized version?

Answer 1

Works in all browsers.

const formSerialize = formElement => {
  const values = {};
  const inputs = formElement.elements;

  for (let i = 0; i < inputs.length; i++) {
    values[inputs[i].name] = inputs[i].value;
  }
  return values;
}

const dumpValues = form => () => {
  
  const r = formSerialize(form);
  console.log(r);
  console.log(JSON.stringify(r));
}

const form = document.querySelector('form');

dumpValues(form)();

form.addEventListener('change',dumpValues(form));

  

    Name:
    
  
  

    E-mail:
    
  
  

    Interest:
    
      - None -
      Drums
      Javascript
      Sports
      Trekking
    
  
  

    Message:
    Hello My Friend