how to closed current modal when i open new modal on same modal
or how to closed previous modal when i open new one-
here is the full solution with an example---
You need to add following attribute to the link or button where you want add this functionality:
or how to closed previous modal when i open new one-
here is the full solution with an example---
You need to add following attribute to the link or button where you want add this functionality:
data-dismiss="modal" data-toggle="modal" id="forgotPassword" data-target="#ModalForgotPassword"
<!--model login start -->
<div class="modal fade" id="myModal_login" role="dialog">
<div class="modal-dialog modal-md">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" style="color:#4f7942"><span class="fa fa-sign-in"></span> Log in</h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<form name="LoginForm" action="validate_cutomer.php" method="post">
<div class="form-group">
<div class="input-container-form">
<i class="fa fa-user icon"></i>
<input type="text" name="user_id" class="form-control input-field-form" Placeholder="Username" id="member_id" ng-model="user_mid" required>
</div>
</div>
<div class="form-group">
<div class="input-container-form">
<i class="fa fa-key icon"></i>
<input type="password" name="user_pass" class="form-control input-field-form" Placeholder="Password" id="pwd" ng-model="user_pass" required>
</div>
</div>
<button type="Submit" name="login" class="buttn">Login</button>
<!-- <input type="submit" value="insert" name="insert"> -->
<div class="modal-footer">
<div class="row ml-5"><a href="#" data-dismiss="modal" data-toggle="modal" data-target="#myModal_ForgetPassword">Forget Password</a></div>
</div>
</form>
</div>
</div>
</div>
</div>
Report