siddharthkrish/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script type="text/javascript">
    $( document ).ready( function () {
      console.log("ready");

      // check to see if an object with class .date has lost focussed. if so check
      // the value of the input for the date type dd/mm/yyyy (only 1900-2099)
      $(".date").blur( function (e) {
        var dateRegex = /^(0[1-9]|1\d|2\d|3[01])\/(0[1-9]|1[0-2])\/(19|20)\d{2}$/ ;
        var fieldValue = $(e.target).val();

        if (dateRegex.test(fieldValue)) {
          // validation passed
          console.log("good value");
        } else {
          // validation failed
          console.log("bad value");
        }
      });
    });
  </script>
</head>
<body>
  <form>
    <input type="text" name="age" class="date" placeholder="dd/mm/yyyy">
  </form>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript">
	$( document ).ready( function () {
	console.log("ready");

	// check to see if an object with class .date has lost focussed. if so check
	// the value of the input for the date type dd/mm/yyyy (only 1900-2099)
	$(".date").blur( function (e) {
	var dateRegex = /^(0[1-9]\|1\d\|2\d\|3[01])\/(0[1-9]\|1[0-2])\/(19\|20)\d{2}$/ ;
	var fieldValue = $(e.target).val();

	if (dateRegex.test(fieldValue)) {
	// validation passed
	console.log("good value");
	} else {
	// validation failed
	console.log("bad value");
	}
	});
	});
	</script>
	</head>
	<body>
	<form>
	<input type="text" name="age" class="date" placeholder="dd/mm/yyyy">
	</form>
	</body>
	</html>