JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <form>
    <input type="text" id="nom" name="nom">
    <input type="text" id="prenom" name="prenom">
    <input type="submit">
  </form>
</body>

JavaScript

$('form').on('submit', function(e){
  
  // Si tu utilise les id pour recuperer les valeurs
  var nom = $('#nom').val();
  var prenom = $('#prenom').val();
  var data = 'nom='+nom+'&prenom='+prenom;
  alert(data);
  
  // Si tu utulise les name pour recuperer les valeurs
  var data = $(this).serialize();
  alert(data);
  
  // permet d'annuler le comportement par default de l'objet (dans ce cas la c'est l'envoie du form qui est annuler)
  e.preventDefault();
  return false;
});