JSFiddle - React, Tailwind, and code Playground

by Tri Nguyen

HTML

<form method="post" action="#">
  <input type="text" pattern="\d{4}"/>
  <div id="error">
  
  </div>
  <input type="submit"/>
</form>

JavaScript

$(document).ready(function() {
	$("form").submit(function() {
  	var number = parseInt($("input[type='text']").val()) ;
  	if ((number < 1900) || (number > 2016)) {
    	$("#error").text("The number is not accepted");
    } else {
    	$("#error").text("");
    }
  	return false;
  })
})