JSFiddle - React, Tailwind, and code Playground

by Abhishek Kumar

HTML

<form id="forme" enctype="multipart/form-data" method="post" name="fileinfo">
  <input type="text" name="firstname" value="Abhishek">
  <input type="text" name="lastname" value="Kumar">
  <button type="submit" id="formesubmit">Submit</button>
</form>
<div id="terminal"></div>

JavaScript

function onformsubmit(e) {
  e.preventDefault();
  log('onformsubmit', e);
  var data = new FormData(e.target.form)
  log('onformsubmit2', data);
  // return false
}

function onformbtnclick(e) {
  // e.preventDefault();
  log('onformbtnclick', e);
  var data = new FormData(e.target)
  log('onformbtnclick2', data);
  // return false
}

function log(...message) {
  console.log(message);
  document.getElementById('terminal').innerHTML += '<p>' + message + '</p>';
}

var forme = document.getElementById('forme');
forme.onsubmit = onformsubmit;

let fd = new FormData(forme);
console.log('Form data', fd)

var formesubmit = document.getElementById('formesubmit');
formesubmit.onclick = onformbtnclick