JSFiddle - React, Tailwind, and code Playground
HTML
<form id="form" action="">
<label>
<input id="email" type="email" placeholder="Email" />
</label>
<input type="button" value="Continue" id="continue" required/>
<br />
<input type="submit" Value='Save'/>
</form>
JavaScript
$(function(){
$('#continue').click(function(e){
if(!$('#email')[0].checkValidity()){
$('#form').find(':submit').click();
}
else {
//Open next section
alert('Opening next section');
}
});
});