سلام من از قالب بوت استرپ استفاده میکنم . در صفحه لاگین قسمت بازیابی رمز ورود و نام کاربری را بصورت مودال طراحی کرده ام.
صفحه لاگین بصورت زیر است:
login.php
<script type="text/javascript">
$(document).ready (function(){
$('#form-modal').submit(function(e){
e.preventDefault();
var data = $(this).serialize();
$.ajax({
method:'POST',
url:'http://localhost/data.php',
data: data,
success:function(response){
console.log(response);
$("#email").val("");
},
error:function(){
alert('somthing is wrong');
}
});
return false;
});
});
</script>
<style type="text/css">
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" >
<"form role="form" method="post">
<div class="form-group">
<span class="star">*</span>
<label for="username">نام کاربری</label>
<div class="input-group username">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span><input type="text" class="form-control" id="username" placeholder="نام را وارد کنید" name="username">
</div>
</div>
<div class="form-group">
<span class="star">*</span>
<label for="password">رمز ورود</label>
<div class="input-group password">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span><input type="password" class="form-control" id="password" name="password" placeholder="رمز ورود را وارد کنید">
</div>
</div>
<button type="submit" class="btn">ورود</button>
<!-- Trigger the modal with a button -->
<p><a href="#myModal" role="link" data-toggle="modal" data-target="#myModal" id="style">نام کاربری خود را فراموش کرده اید؟</a></p>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">بازیابی نام کاربری</h4>
</div>
<div class="modal-body">
<h5>لطفا ایمیلی را که با آن ثبت نام کرده اید را وارد نمایید.نام کاربری برایتان ارسال خواهد شد.</h5>
<form role="form" method="post" id="form-modal">
<div class="form-group">
<span class="star">*</span>
<label for="email" class="lable-modal">پست الکترونیک</label>
<div class="input-group email">
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span><input type="email" class="form-control" id="email" name="email" placeholder="پست الکترونیک خود را وارد کنید">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
<button type="submit" class="btn">ارسال</button>
</div>
</div>
</div>
</div>
میخواهم وقتی وارد قسمت بازیابی رمز شدم و ایمیل خود را وارد کردم در صورت درست وارد کردن ایمیل رمز ذخیره شده در دیتابیس به ایمیل ارسال شود.
حالا باید در صفحه (url:'http://localhost/data.php) چه اطلاعاتی داشته باشم که بتوانم این کار را انجام دهم؟؟؟؟؟
باتشکر