I wish did fix the issue. The , when inside a form element, will submit the form when clicked unless you return false or event.preventDefault(); Omitting preventDefault() will always submit the form because your input is a "SUBMIT". e.preventDefault() it's just like returning false, nothing is really invoked in the server.
it helps some times Does this help? basically you need a "flag" to say the agreement was made, and then submit the form. I've shown a data-attribute being used as it's neat and simple. I've not tested this code but it's logically sound.
this one helps. I have a Bootstrap Modal which contains a Submit Button.Apart from this Modal I have another one also which contains Form and other elements like Lables, Text boxes and a Submit button.Now I have a requirement where in a click Submit button of first Modal , it should submit the Form of the Second Modal..Below I am posting my First and Second Modal HTML Prototype .. , Adding a class to delete button
seems to work fine Your biggest issue is using bootstrap as is. BS uses it’s own JS to manipulate the DOM, this won’t work with Blazor as Blazor needs to control the DOM. Same as Angular, React or Vue. If something else modifies the DOM then odd things can happen, as you’re finding. I would suggest swapping to one of the Blazor-fied bootstrap libraries such as BlazorStrap. Or if you’re just after a modal I’ve written one called Blazored.Modal
how to remove the default focus on submit button in HTML form?