My Login Code is working fine. Now another Login form which is in popup.I want user to login from there.

I want the pop up to remain popup untill user is validated.If there is any error then messages should be shown on popup.Here is my code,how i can use it in MVC

<div class="login_area">
      <form role="form" class="form-inline">
        <div class="form-group">
          <label for="exampleInputEmail2" class="sr-only">Email address</label>
          <input type="email" placeholder="Enter email" id="exampleInputEmail2" class="form-control input-sm">
        </div>
        <div class="form-group">
          <label for="exampleInputPassword2" class="sr-only">Password</label>
          <input type="password" placeholder="Password" id="exampleInputPassword2" class="form-control input-sm">
        </div>
        <div class="checkbox">
          <label>
            <input type="checkbox">
            Remember me </label>
        </div>
        <button style="background: none repeat scroll 0 0 #80b800;
    border: medium none;
    border-radius: 2px;
    box-shadow: 0 2px 2px #ccc;
    color: #000;
    font-size: 11px; border: 1px solid #80b800;
    padding: 7px 18px; height:28px;
    text-transform: uppercase;" class="btn btn-default gistler-green" type="submit"> Sign in </button>
        <div class="col-md-12 very-small-space"></div>
        <div class="form-group col-md-12 no-padding">
          <div class="col-md-4 no-padding"></div>
          <a class="text-left col-md-8 no-padding" data-toggle="modal" href="#modalForgot">Forgot your password?</a> </div>
      </form>
    </div>

I want to submit form,process it and if there is not issue then send it to other view otherwise not.

Hi

Checkout the link below:

http://stackoverflow.com/questions/20527311/how-to-create-a-popup-login

<script>
$(".login_area").dialog({
                    height: 445,  // change height and width according to your needs
                    width: 1000,
                    title: "Login",
                    modal: true,     
                    draggable: false, 
                    resizable: false,
});
</script>

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

chandrashekar

Checkout the link below:

http://stackoverflow.com/questions/20527311/how-to-create-a-popup-login

My question is not "How to create popup"..My question is how to use my login code for a popup form.I have sucessful login code.

I need to submit the form which is in popup,But if there is error,then i do not want to close that popup

In order to not close the pop up, you need to use ajax to login in.