JSFiddle - React, Tailwind, and code Playground

by milz

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.0.7/parsley.min.js"></script>
<form>
    <input type="text" name="field" data-parsley-required />
    <button type="submit" disabled>Submit</button>
</form>

JavaScript

$(document).ready(function() {
    $("form").parsley();
    
    $.listen('parsley:form:success', function(ParsleyForm) {
        ParsleyForm.$element.find('button').prop('disabled', false);
    });
    
    $.listen('parsley:form:error', function(ParsleyForm) {
        ParsleyForm.$element.find('button').prop('disabled', true);
    });
    
    $("form :input").change(function() {
        $(this).closest('form').parsley().validate();
    });
});