JSFiddle - React, Tailwind, and code Playground

by maysamsh

HTML

<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.css">
<script src="http://cdn.jsdelivr.net/qtip2/2.2.0/jquery.qtip.js"></script>
<form id="form12" name="form1" method='post'>
    <input type="text" id="mytext" required />
    <input type="button" value="submit" onclick="return $('#form12').valid()"/>
</form>

JavaScript

$('form').validate({
    errorPlacement: function(error, element) {
        // qTip call
        $(element).not('.valid').qtip();
    },
    success: function(error) {
        // Hide tooltips on valid elements
        setTimeout(function() {
            myForm.find('.valid').qtip('hide');
        }, 1);
    }
});