JSFiddle - React, Tailwind, and code Playground

by Claudius

HTML

<form>
    <label>Name <input type="text" required="required" placeholder="Enter Name" name="resp_mail"></label>
    <button type="submit">Submit</button>
</form>

CSS

input[type='text'], input[type='text']:required:invalid  {
    border: 1px solid silver;
}
input[type='text'].submitted:required:invalid {
    border-color: 1px solid red;
}

JavaScript

$("button[type='submit']").click(function(e) {
    $('input:required').addClass('submitted');
    return true;
});