JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="post" id="new_tide">

    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" 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

$("input[type='text'], textarea").on("change input", function() {
  validate($(this));
});

$("input:radio[name='category']").on("change", function() {
  validate($(this));
});

function validate(self) {
  if (self.parents("form:first").attr("id") == "new_tide") {
    var isValid = true;
    $('input[type="text"], textarea').each(function() {
      if ($(this).val() === '')
        isValid = false;
    });

    if (!$("input:radio[name='category']").is(':checked'))
      isValid = false;

    if (isValid) {
      $("#subnewtide").removeAttr("disabled");
    } else {
      $("#subnewtide").attr("disabled", "disabled");
    }
  }
}