JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input id="text" type="text" pattern="^(?:(|\$)[0-9]*(|\.[0-9]{2}))$"
    title="Please enter a valid number in the amount field" required />
           <input type="submit" value="submit" />
</form>