باسلام
من برای فرم login می خوام از modal استفاده کنم
ولی هرچه برروی تب loginکلیک می کنم صفحه ی modal باز نمی شه
کدهای Login.cshtml
@using Gardeshgar.Models @model LoginViewModel <!-- 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">Modal Header</h4> </div> <div class="modal-body"> <form role="form"> <h3>Log In Your Account</h3> <hr> <div class="form-group"> <input type="text" name="Email" id="Email" class="form-control" placeholder="Name" tabindex="3"> </div> <div class="form-group"> <input type="password" name="password" id="password" class="form-control " placeholder="Password" tabindex="4"> </div> <hr> <div class="row"> <div class="col-sm-16"> <input type="submit" value="Log In" class="btn btn-danger btn-block btn-lg" tabindex="7"> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal" id="login">Close</button> </div> </div> </div> </div> <script> $(document).ready(function () { $("#myModal").modal({ }); }) $("#login").click(function () { var dataobject = { Email: $("#Email").val(), Password: $("#password").val() }; $.ajax({ url: '@Url.Action("Login","Account")', type: "POST", data: dataobject, datatype: "json", succsess: function (result) { if (result.toString() = "Success") { alert(result); } else { alert(result); } }, error: function (result) { alert("Error"); } }); }) </script>
وکدی که برای منو گداشته شده
<li><a class="open-popup-link" href="/Account/Login" data-effect="mfp-zoom-in">log in</a></li>
ونیز کدهای پست login که همان پیش فرض mvc هستش
[HttpPost] [AllowAnonymous] [ValidateAntiForgeryToken] public async Task<ActionResult> Login(LoginViewModel model, string returnUrl) { if (!ModelState.IsValid) { return View(model); } // This doesn't count login failures towards account lockout // To enable password failures to trigger account lockout, change to shouldLockout: true var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false); switch (result) { case SignInStatus.Success: return RedirectToLocal(returnUrl); case SignInStatus.LockedOut: return View("Lockout"); case SignInStatus.RequiresVerification: return RedirectToAction("SendCode", new { ReturnUrl = returnUrl, RememberMe = model.RememberMe }); case SignInStatus.Failure: default: ModelState.AddModelError("", "Invalid login attempt."); return View(model); } }
وکدهای get برای login
public ActionResult Login(string returnUrl)
{
ViewBag.ReturnUrl = returnUrl;
return View();
}
ونیز بالای layoutهم کدهای مربوط به bootstrsp اضافه شده است
<script src="~/Scripts/js/jquery.min.js"></script> <link href="~/Content/css/bootstrap.min.css" rel="stylesheet"> <script src="~/Scripts/js/bootstrap.js"></script>
لطفا یه نگاهی بکنید ببینید مشکل کجاست.
کدها رو دیدم
مشکلی به نظرم نیومد
با استفاده از FireBug که یک افزونه برای فایرفاکس است چک کنید ببینید اروری داره یا خیر
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)