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="yourform">
<input name="field1" type="text" /><br/>
<input name="field2" type="text" /><br/>
<input name="field3" type="text" /><br/>
<input type="submit" />
</form>
JavaScript
$(document).ready(function() {
$('#yourform').validate({
errorElement: "span",
errorClass: "field-error",
rules: {
field1: {
required: true
},
field2: {
required: true
},
field3: {
required: true
}
},
messages: {
field1: {
required: "There is an error in the field 1"
},
field2: {
required: "Some other error message"
},
field3: {
required: "There is an error in the field 3"
}
}
});
});