GeoffCrittenden/form-validator.js

## form-validator.js
// shorthand for $(document).ready();
$(function(){
  //Your code...
  var regexEmail = /.+@.+\..{2,}/
  var regexPassLength = /.{8,}/
  var regexPassCap = /[A-Z]+/
  var regexPassNum = /\d+/
  $('form').on('submit', function(e) {
    e.preventDefault();
    var email = regexEmail.exec(this[0].value);
    var passLength = regexPassLength.exec(this[1].value)
    var passCap = regexPassCap.exec(this[1].value)
    var passNum = regexPassNum.exec(this[1].value)
    console.log(email);
    console.log(passLength);
    console.log(passCap);
    console.log(passNum);
    if ( email === null ) {
      $('#errors').append("<li>Email format invalid</li>");
    };
    if (passLength === null) {
      $('#errors').append("<li>Password needs to be at least 8 characters long</li>");
    };
    if (passCap === null) {
      $('#errors').append("<li>Password needs at least one capital letter</li>");
    };
    if (passNum === null) {
      $('#errors').append("<li>Password needs at least one number</li>");
    };
  });
});

## index.html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="main.css">
    <title>Form Validation</title>
  </head>
  <body>
    <form name="sign_up" action="#" method="post">
      <label for="email">Email</label>
      <input type="text" name="email" />
      <label for="password">Password</label>
      <input type="password" name="password" />

      <button type="submit">Sign Up</button>

      <ul id="errors"></ul>
    </form><body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="form-validator.js"></script>
  </body>
</html>

## main.css
ul#errors {
  color: red;
}
	// shorthand for $(document).ready();
	$(function(){
	//Your code...
	var regexEmail = /.+@.+\..{2,}/
	var regexPassLength = /.{8,}/
	var regexPassCap = /[A-Z]+/
	var regexPassNum = /\d+/
	$('form').on('submit', function(e) {
	e.preventDefault();
	var email = regexEmail.exec(this[0].value);
	var passLength = regexPassLength.exec(this[1].value)
	var passCap = regexPassCap.exec(this[1].value)
	var passNum = regexPassNum.exec(this[1].value)
	console.log(email);
	console.log(passLength);
	console.log(passCap);
	console.log(passNum);
	if ( email === null ) {
	$('#errors').append("<li>Email format invalid</li>");
	};
	if (passLength === null) {
	$('#errors').append("<li>Password needs to be at least 8 characters long</li>");
	};
	if (passCap === null) {
	$('#errors').append("<li>Password needs at least one capital letter</li>");
	};
	if (passNum === null) {
	$('#errors').append("<li>Password needs at least one number</li>");
	};
	});
	});
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="main.css">
	<title>Form Validation</title>
	</head>
	<body>
	<form name="sign_up" action="#" method="post">
	<label for="email">Email</label>
	<input type="text" name="email" />
	<label for="password">Password</label>
	<input type="password" name="password" />

	<button type="submit">Sign Up</button>

	<ul id="errors"></ul>
	</form><body>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script src="form-validator.js"></script>
	</body>
	</html>