I'm not sure how to explain this, but I want to force a form to check the required fields before doing the onSubmit. This works fine with a normal button, but stops working if the button is disabled. This is something similar to what I have:

<form onSubmit={handleSubmit} id="form">
  <input required type="text"/>
  <input required type="text"/>
</form>

<MyButton type="submit" form="form" disabled={!allFieldsAreFilled}>
  Submit
</MyButton>

So let's say I fill the first input and hit "Enter". The button is still disabled but I want it to show me that the next field is required. Thank you in advance.