JSFiddle - React, Tailwind, and code Playground

by geekrose Lee

HTML

<input id="cc" type="text"  required />
<div class="input-validation"></div>
<input id="payButton" type="submit" value="Pay Now" />

CSS

input[type="text"]:valid {
    color: green;
}

input[type="text"]:valid ~ .input-validation::before {
    content: "✓";
    color: green;
}

input[type="text"]:invalid {
    color: red;
}