JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
<form id="loginForm">
<input name="email" type="text" />
<br/>
<input name="passwd" type="text" />
<br/>
<input type="submit" />
</form>
JavaScript
$(document).ready(function () {
$("#loginForm").validate({
rules: {
email: {
required: true,
minlength: 10
},
passwd: "required"
},
messages: {
email: {
required: "Please enter your email",
minlength: "Minlength has to be 10"
},
passwd: "Please enter your passwd"
},
submitHandler: function (form) {
alert('valid form submit');
//$("#pp").text("right");
//form.submit();
}
});
})