JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<form id="beta_signup_form" postUrl="" method="post">
<input type="text" id="name" name="name" placeholder="Name" />
<input type="email" id="email" name="email" placeholder="Email address" />
<button class="btn btn-success" type="submit" id="request-trial" href="#request-for-free-trial">Notify Me</button>
</form>
JavaScript
$(document).ready(function() {
$("#beta_signup_form").validate({
rules: {
name: {
required: true,
minlength: 4
},
email: {
required: true,
email: true
}
},
submitHandler: function(form) {
if ($("#beta_signup_form").valid()) {
alert('now we enable the submit button!');
}
}
});
});