Dropdown login Mvc

Question

私はmvc、c＃およびboostrapで作業しています。私のnavbarでは、ログインするためのドロップダウンがあります。これは、右上のFacebookのログインのように配置されています。

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img class="img-responsive" src="/images/h-perfil.png" alt="imagen"> perfil <span class="caret"></span></a> <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;"> 
     <form method="post" action="login" accept-charset="UTF-8"> 
      <input style="margin-bottom: 15px;" type="text" placeholder="Email" id="username" name="username"> 
      <input style="margin-bottom: 15px;" type="password" placeholder="Contraseña" id="password" name="password"> 
      <input class="btn btn-primary btn-block" type="submit" id="sign-in" value="Ingresar"> 
      <label style="text-align:center;margin-top:5px">Registrarme</label> 
     </form> 
    </div> 
</li> 

私はモデルを使用してユーザーにログインする方法を知りました。私は私のモデルを使用するコントローラも持っています。これは私のコントローラです

public ActionResult LogIn(UserModel model) 
{ 
    if (!ModelState.IsValid) //Checks if input fields have the correct format 
    { 
     return View(model); //Returns the view with the input values so that the user doesn't have to retype again 
    } 
    if (credential valids) 
    { 
     return RedirectToAction("Index", UserModel); } 

この場合、私はブトンをクリックするとログインするようにしたいと思います。おかげ

Answer 1

はHttpPost属性を飾る

<form method="post" action="@Url.Action("LogIn", "YourControllerName")" accept-charset="UTF-8"> 
     <input style="margin-bottom: 15px;" type="text" placeholder="Email" id="Email" name="Email"> 
     <input style="margin-bottom: 15px;" type="password" placeholder="Contraseña" id="password" name="password"> 
     <input class="btn btn-primary btn-block" type="submit" id="sign-in" value="Ingresar"> 
     <label style="text-align:center;margin-top:5px">Registrarme</label> 
</form> 

最初のテキストボックスのIDと名前のアクションattribute.Use「電子メール」の値に正しい値を割り当てます。

[HttpPost] 
public ActionResult LogIn(UserModel model) 
{ 
    //code 
}