jQuery toggleClass example

Toggle class name on click in jQuery

by mamounothman

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>


    <form id="myForm" name="myForm">
      first_name : <input type="text" name="first_name" value=""> <br>
      mid_name  :  <input type="text" name="mid_name" value=""> <br>
      last_name  :  <input type="text" name="last_name" value=""> <br>
      password :  <input type="password" name="mid_name" value=""> <br>
      <button type="submit" id="mybutton">
       get data
      </button>
    </form>


<script src="script.js"></script>
  </body>
</html>

JavaScript

$( document ).ready(function() {
  document.getElementById('mybutton').addEventListener('click', function(e) {
   e.preventDefault();
    let myForm = document.getElementById('myForm');
    let formData = new FormData(myForm);
    console.log(formData);
  });
});