JSFiddle - React, Tailwind, and code Playground
HTML
<form action="#"/>
Text <input type="text" name="text" id="text"/><br>
Select Box1 <select id="sel1" onchange="doCheck();" >
<option value="0">Select</option>
<option value="1">One</option>
<option value="2">Two</option>
</select>
Select Box2 <select id="sel2" >
<option value="0">Select</option>
<option value="3">Three</option>
<option value="4">Four</option>
</select>
<br>
</form>
JavaScript
function doCheck()
{
var changed= false;
if(document.getElementById("text").value=="" && document.getElementById("sel1").value!="0" && document.getElementById("sel2").value=="0")
{
changed=true;
}
if(changed){
alert("submitting form : "+changed);
document.forms[0].submit;
}
else{
return false;
}
}