Opus1no2/form.html

## form.html
<!doctype html>
<html>
  <head>
  </head>
  <body>
    <form>
      <label>First Name</label>
      <input name='first' type='text'>
      <label>Last Name</label>
      <input name='last' type='text'>

      <button type='submit'>Submit Form</button>
    </form>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

  <script>
    $('form').on('submit', (e) => {
      e.preventDefault();

      const data = $(':input').serializeArray();

      data.forEach((input) => {
        if (input.value.length > 0) {
          $('form').trigger('validated');
        } else {
          console.log('bad data');
        }
      });
    });

    $('form').on('validated', (e) => {
      e.preventDefault();

      console.log('success')
    });
  </script>
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	</head>
	<body>
	<form>
	<label>First Name</label>
	<input name='first' type='text'>
	<label>Last Name</label>
	<input name='last' type='text'>

	<button type='submit'>Submit Form</button>
	</form>



	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

	<script>
	$('form').on('submit', (e) => {
	e.preventDefault();

	const data = $(':input').serializeArray();

	data.forEach((input) => {
	if (input.value.length > 0) {
	$('form').trigger('validated');
	} else {
	console.log('bad data');
	}
	});
	});

	$('form').on('validated', (e) => {
	e.preventDefault();

	console.log('success')
	});
	</script>
	</body>
	</html>