JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script>
<form id="myform">
<input type="text" name="studentid" />
<br />
<br />
<input type="submit" />
</form>
JavaScript
$(document).ready(function() {
$("#myform").validate({
rules: {
studentid: {
required: true,
digits: true,
maxlength: 7,
minlength: 7
}
},
messages: {
studentid: "Invalid Format"
}
});
});