JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<form id="formulario" method="post"><br /><br />
<table width="406" border="0" align="center" cellpadding="0" cellspacing="0" style="border:solid 1px #CCC;box-shadow: 8px 8px 15px 1px rgba(173,173,173,0.5);">
  <tr>
    <td width="37">&nbsp;</td>
    <td width="109">&nbsp;</td>
    <td width="258">&nbsp;</td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>Fecha</td>
    <td><?php echo date('d/m/Y')?></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° local</td>
    <td><input type="text" id="local" name="local" required/><span id="res_local"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° Documento</td>
    <td><input type="text" id="documento" name="documento" required/><span id="res_doc"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>Monto</td>
    <td><input type="text" id="monto" name="monto" required/><span id="res_monto"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° Comanda</td>
    <td><input type="text" id="comanda" name="comanda" required/><span id="res_comanda"></span></td>
  </tr>
  <tr>
    <td height="30">&nbsp;</td>
    <td>N° Movil</td>
    <td><input type="text" id="movil" name="movil" required/><span id="res_movil"></span></td>
  </tr>
  <tr>
    <td colspan="3"><span id="respuesta"></span></td>
    </tr>
  <tr>
    <td colspan="3" align="center"><input type="submit" id="submit" value="Guardar" /></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</body>
</html>

CSS

body{
        font-family: 'Open Sans Condensed', sans-serif;
    }

JavaScript

$(document).ready(function(){
      $('#local').focus();
         
         $("#formulario").submit(function(e){ 
             e.preventDefault();
             var cadena = $(this).serialize();
             var url ='procesa.php';
             alert('Datos serializados: '+cadena);
             $.ajax({
                   type: "POST",
                   url:  url,
                   data: cadena,
                   success: function(data){
                       alert(data);
                   },
                   error: function(objeto, quepaso, otroobj){
                        alert("Error Pasó lo siguiente: "+quepaso);
                   }
            });
         });
    });