JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
<form action="#" method="post" id="contactForm">

    Title:
    <input id="titlenewtide" type="text" name="title" required>
    <br> Description:
    <textarea name="description" id="description"></textarea>
    <br> Tag:
    <input id="newtag" type="text" name="newtag" id="catselector" required>
    <br> Category:
    <input type="radio" name="category" value="19" required> Animation

    <button type="submit" value="Submit" name="subnewtide" id="subnewtide" disabled="disabled">Submit</button>

</form>

JavaScript

$().ready(function() {
    // validate signup form on keyup and submit
    $("#contactForm").validate({
        rules: {
            title: "required",
            description: {
                required: true
            },
            newtag: {
                required: true
            },
            category: {
                required: true
            }
        },
        errorPlacement: function(error, element) {
            return true;
        },
        submitHandler: function() {


        }
    });


    $('#contactForm').change(function() {
        if ($("#contactForm").valid()) {
            $("#subnewtide").removeAttr("disabled");
        }
    });

});