JSFiddle - React, Tailwind, and code Playground
HTML
<form id="test" action="Javascript: alert('Passed Validation')" method="get">
<select required="required">
<option value="">Select</option>
<optgroup label="First">
<option value="A">1</option>
<option value="B">2</option>
<option value="C">3</option>
<option value="D">4</option>
</optgroup>
<optgroup label="Second">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">D</option>
</optgroup>
</select>
<input type="submit" value="Click" />
</form>