<ul class="nav pull-right">
<li class="active"><a href="#home">HOME</a></li>
<li><a href="#features">FEATURES</a></li>
<li><a href="#check">CHECK E-MAIL</a></li>
<li><a href="#testimonials">TESTIMONIALS</a></li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="#Signup" role="button" data-toggle="modal" class="btn btn-success">Sign Up</a></li>
</ul>
<div id="Signup" class="modal hide fade LoginSignup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel2">Sign Up</h3>
</div>
<div class="modal-body">
<p>@alert</p>
<form method="POST" action="" name="signupform">
<input type="text" placeholder="First Name" name="firstname">
<input type="text" placeholder="Last Name" name="lastname">
<input type="text" placeholder="E-mail" name="email">
<input type="password" placeholder="Password" name="password">
<input type="password" placeholder="Confirm Password" name="password1">
<input type="submit" name="signup" value="Sign Up" />
<label>By registering you are automatically agreeing to our <a href="#">Terms of Service</a></label>
</form>
</div>
</div>
This passage is part of an HTML5 template I found online. When clicking on the "Sign Up" option in the menu, a dialog box appears where users can input their information. However, after submitting the form, the dialog box closes. I'd like to keep it open so that a success message can be displayed using the @alert variable.
While I'm able to get everything working, including the alert message, I struggle with keeping the signup dialog box open after submission. As a result, I have to click on the "Sign Up" option in the menu again to view the alert message, which is inconvenient.