JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
<button id="addForm">dynamic add a form</button>
JavaScript
var template =
'<form id="testForm" action="http://www.google.com">' +
' <input type="text" name="test" value="test" />' +
' <input type="submit" value="submit" />' +
'</form>';
$("#addForm").click(function() {
$("body").append(template);
});
$(document.body).on("click", "form", function () {
var id = $(this).attr('id');
$("form#" + id).validate({
submitHandler: function () {
alert("submit");
}
});
});