JSFiddle - React, Tailwind, and code Playground

by kevinj

HTML

<p>Can enter multiple emails as a comma separted list</p>

<form id="form1" METHOD="GET">
    <input id="emails" type="email" required multiple style="width:300px"/>  <br/>
    <input type="text" required style="width:300px"/>   <br/>
    <input id="go" type="submit" value="email" />
</form>

CSS

input: invalid {
    border-color: red;
}

JavaScript

$("#go").click(function(){
    console.log($("#form1")[0].checkValidity());
});