سوال: ارسال اطلاعات فرم به بانک اطلاعاتی از طریق Modal موجود در bootstrap درphp

ساخت وبلاگ

آخرین مطالب

امکانات وب

سوال: ارسال اطلاعات فرم به بانک اطلاعاتی از طریق Modal موجود در bootstrap درphp

سلام من از قالب بوت استرپ استفاده میکنم . در صفحه لاگین قسمت بازیابی رمز ورود و نام کاربری را بصورت مودال طراحی کرده ام.
صفحه لاگین بصورت زیر است:

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');
}
});

retu 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="useame">نام کاربری</label>

<div class="input-group useame">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span><input type="text" class="form-control" id="useame" placeholder="نام را وارد کنید" name="useame">
</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">&times;</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) چه اطلاعاتی داشته باشم که بتوانم این کار را انجام دهم؟؟؟؟؟
باتشکر

برنامه نویس...
ما را در سایت برنامه نویس دنبال می کنید

برچسب : نویسنده : محمد رضا جوادیان programers بازدید : 136 تاريخ : سه شنبه 12 مرداد 1395 ساعت: 2:11

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه