JSFiddle - React, Tailwind, and code Playground

by Matt Howey

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<form id="myform">
    <input type="text" id="name" name="name" /><br/>
    <input type="email" id="email" name="email" /><br/>
    <input type="submit" id="submit" disabled="disabled" />
</form>

JavaScript

$(document).ready(function() {
    
    $('input').on('blur', function() {
        if ($("#myform").valid()) {
            $('#submit').prop('disabled', false);  
        } else {
            $('#submit').prop('disabled', 'disabled');
        }
    });
    
    $("#myform").validate({
        rules: {
            name: {
                required: true,
                minlength: 4
            },
            email: {
                required: true,
                email: true
            }
        }
    });

});