How to insert data on button click that is on popup in mvc4?

Question

0.00/5 (No votes)

See more:

I have created a popup on click of login button and have also used a partial view
but the form appears fine but after clicking on login button that is on
popup it dosent go to the controler or anywhere so pls see this code and tell me how to solve that thanks!!

CSHTML CODE:-

HTML

@model MVCApplication10.Models.LoginModel
<script src="~/Scripts/jquery-1.8.2.js"></script>
<script src="~/Scripts/jquery-ui-1.8.24.js"></script>
<link href="~/Content/themes/base/jquery.ui.core.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery.ui.dialog.css" rel="stylesheet" />
 @Styles.Render("~/Content/themes/base/css", "~/Content/css")
<script type="text/javascript">
    var $J = jQuery.noConflict();

    $J(function () {
        $J('#demo').dialog({
            autoOpen: false,
            width: 400,
            title: "Login",
            resizable:false

        });
        $J('#pop').click(function () {
            $J('#demo').dialog('open');
        });
    });
</script>
<style type="text/css">
  @Styles.Render("~/Content/themes/base/css", "~/Content/css")
</style>

@{
    ViewBag.Title = "Login";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Login</h2>

<input type="button" id="pop" value="New" />
@*<div id="demo" >*@
        @using (Html.BeginForm())
        {
            @Html.AntiForgeryToken()
   

            <fieldset>
                <legend></legend>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Mobile)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Mobile)
                    @Html.ValidationMessageFor(model => model.Mobile)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Password)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Password)
                    @Html.ValidationMessageFor(model => model.Password)
                </div>

                <p>
                    <input type="submit" value="Login" />
                    @Html.ValidationSummary(true)
                </p>
            </fieldset>
        }
@*</div>*@
<div>

MODEL CLASS :-

C#

[Required(ErrorMessage = "Enter Mobile Number")]
       [Display(Name = "Mobile")]
       public decimal Mobile { get; set; }

  [Required(ErrorMessage = "Enter Password")]
       [Display(Name = "Password")]
       [DataType(DataType.Password)]
       public string Password { get; set; }

C#

public bool IsValid(decimal Mobile,string Password)
       {
           var query = (from c in db.CustomerMasters where c.Mobile == Mobile && c.Password == Password && c.IsDeleted == false select c).SingleOrDefault();
           if(query!=null)
           {
               return true;
           }
           else
           {
               return false;
           }
       }

Controller Class :-

SQL

[HttpGet]
        public ActionResult Login()
        {

            return View();
        }
        [HttpPost]
        public ActionResult Login(LoginModel model)
        {
            if (ModelState.IsValid)
            {
                if (model.IsValid(model.Mobile, model.Password))
                {
                    //FormsAuthentication.SetAuthCookie(user.UserName, user.RememberMe);
                    return RedirectToAction("About", "Home");
                }
                else
                {
                    ModelState.AddModelError("", "Invalide Mobile Number Or Password...!!!");
                }
            }
            return View(model);
        }

Posted 16-Feb-15 23:35pm

Parth Mashroo

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Solai Raja · Answer 1 · 2015-02-24T00:49:00

Change following codes

JavaScript

$J(function () {
        $J('#demo').dialog({
            autoOpen: false,
            width: 400,
            title: "Login",
            resizable:false,
            buttons: {
                "Login": function() {
                        $("#formID").submit(); //formID-id of your form.
            }
        });
        $J('#pop').click(function () {
            $J('#demo').dialog('open');
        });
    });

then change Html.BeginForm() as below

HTML

Html.BeginForm("ActionName","Controller")

where action name -you HttpPost fucntion.

When you click the "login" button that appears on the dialog box, it will call the function you have specified.