Write less code, ship faster with Now.js

<!-- Just add data-* attributes to the HTML: the form is submitted
     via AJAX, validated, and shows its loading state automatically! -->
<form data-form
      data-action="/api/products"
      data-method="POST"
      data-redirect="/products">
  <input type="text" name="name"
         required minlength="3"
         placeholder="Product name...">
  <button type="submit">Save</button>
</form>

// Traditional way: listen for events, check empty values,
// handle the loading button and call the Fetch API yourself
const form = document.querySelector('#myForm');
form.addEventListener('submit', async (e) => {
  e.preventDefault();
  const name = form.querySelector('[name="name"]').value;
  if (name.length < 3) return alert('Enter at least 3 characters');
  const res = await fetch('/api/products', {
    method: 'POST',
    body: new FormData(form)
  });
  if (res.ok) window.location.href = '/products';
});