مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

1372611

عضویت از 1395/04/27

مشکل در ساخت modal

  • چهارشنبه 10 شهریور 1395
  • 18:33
تشکر میکنم

باسلام

من برای فرم 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">&times;</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>

لطفا یه نگاهی بکنید ببینید مشکل کجاست.

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • پنجشنبه 11 شهریور 1395
  • 09:41

کدها رو دیدم

مشکلی به نظرم نیومد

با استفاده از FireBug که یک افزونه برای فایرفاکس است چک کنید ببینید اروری داره یا خیر

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)