Currently, there are two functionalities at play. The submit button is not being recognized while the functionality in JS $(".next").click(function(){..} is working as expected.
HTML This section involves 4 fieldsets. I am attempting to validate each one before moving on to the next page but have been unsuccessful so far.
<div id="sellerregsetup" class="sellerregsetup">
<!--alert line code-->
<div class="alert alert-warning alert-dismissible fade show" role="alert">
Complete all steps below to start selling
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<!--End alert line code-->
<!--testing-->
<div class="row justify-content-center ">
<div class="col-md-12 text-center p-0 ">
<div class="card px-0 pt-4 pb-0 ">
<div class="row">
<div class="col-md-12 mx-0">
<form id="msform" action="/action_page.php" class="was-validated" >
<ul id="progressbar">
<li class="active" id="account"><strong>Account</strong></li>
<li id="personal"><strong>Personal</strong></li>
<li id="payment"><strong>Payment</strong></li>
<li id="confirm"><strong>Finish</strong></li>
</ul> <!-- fieldsets -->
// Fieldset content here...
<fieldset>
// Additional fieldset content...
</fieldset>
// More fieldsets here...
</form>
</div>
</div>
</div>
</div>
</div>
<!--testing-->
</div>
Javascript I have attempted using 'onsubmit' instead of a click event, but it has not been successful. My Javascript skills are limited, and I would appreciate any assistance in identifying the issue or missing elements.
// Javascript code block here...
});