mvolkmann/form.html

## form.html
<html>
  <head>
    <title>Test Form</title>
    <script src="form.js"></script>
  </head>
  <body>
    <form id="myform" method="post" action="http://localhost:3000">
      <label for="name">Name:</label>
      <input id="name" name="name" type="text"/>
      <button type="submit">Go!</button>
    </form>
  </body>
</html>

## form.js
'use strict';

window.onload = function () {
  console.log('got onload');
  var form = document.getElementById('myform');
  console.log('form =', form);
  form.style.borderColor = 'black';
  form.style.borderStyle = 'solid';
  form.style.borderWidth = '3px';
  console.log('form.addEventListener =', form.addEventListener);
  var name = document.getElementById('name');

  var listener = function (event) {
    console.log('name = "' + name.value + '"');
    console.log('name.length =', name.length);
    if (name.value.length === 0) event.preventDefault();
    //if (name.value.length === 0) return false; // works everywhere but IE (tes
ted IE9)
  };

  form.addEventListener('submit', listener);
  //form.onsubmit = listener;
};
	<html>
	<head>
	<title>Test Form</title>
	<script src="form.js"></script>
	</head>
	<body>
	<form id="myform" method="post" action="http://localhost:3000">
	<label for="name">Name:</label>
	<input id="name" name="name" type="text"/>
	<button type="submit">Go!</button>
	</form>
	</body>
	</html>
	'use strict';

	window.onload = function () {
	console.log('got onload');
	var form = document.getElementById('myform');
	console.log('form =', form);
	form.style.borderColor = 'black';
	form.style.borderStyle = 'solid';
	form.style.borderWidth = '3px';
	console.log('form.addEventListener =', form.addEventListener);
	var name = document.getElementById('name');

	var listener = function (event) {
	console.log('name = "' + name.value + '"');
	console.log('name.length =', name.length);
	if (name.value.length === 0) event.preventDefault();
	//if (name.value.length === 0) return false; // works everywhere but IE (tes
	ted IE9)
	};

	form.addEventListener('submit', listener);
	//form.onsubmit = listener;
	};