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="foo" />
<br />
<input type="text" name="bar" />
<br />
<br />
<input type="submit" />
</form>
JavaScript
$(document).ready(function() {
$('#myform').validate({
rules: {
foo: {
required: true
},
bar: {
required: true
}
},
messages: {
foo: {
required: "<i class='icon-warning'>icon</i> This field is required"
},
bar: {
required: "<i class='icon-warning'>icon</i> This field is required"
}
}
});
});