asp.net-mvc-4 - 在 mvc4 中使用多个同名的 html 助手

Question

我有多个 html 助手。当我单击登录按钮时，我使用 jquery 禁用 user_register div，当我输入详细信息时，模型绑定(bind)器能够正确绑定(bind)用户名和密码，但是当我单击 Register 时，我禁用 user_login div 并启用 user_register div，当我仅输入详细信息时电子邮件和名字是模型 Binder 能够绑定(bind)的内容，而不是用户名和密码。这是因为我不止一次使用相同的 html 助手。如何处理这个。我有以下代码

<div class="user_login">
 <label>Email / Username</label>
   @Html.TextBoxFor(model => model.Email)
   <br />
   <label>Password</label>
   @Html.TextBoxFor(model => model.Password)                                       
    <br />    
     <div class="action_btns">
      <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i>Back</a>
      </div>
     <div class="one_half last">
      <input type="submit" style="border: none" name="action" class="btn btn_red" value="Login" />
      </div>
     </div>
     <a href="#" class="forgot_password">Forgot password?</a>
  </div>
  <div class="user_register">
    <label>Full Name</label>
     @Html.TextBoxFor(model => model.First_Name)<br />
     <label>Email Address</label>
     @Html.TextBox(model=>model.Email)<br />
      <label>User Name</label>
      @Html.TextBoxFor(model => model.User_Name)<br />
      <label>Password</label>
      @Html.TextBox(model=>model.Password") <br />
  </div>

Controller 跟随这里

public ActionResult Index(Customer customer, string Action)
{
 //something here
}

Answer 1

您还没有向您展示完整的 View ，但假设所有这些控件都是在一个表单元素内生成的，那么除非您禁用输入，否则所有控件都将回发。如果是这样，则第一个带有 name="Email" 的输入被绑定(bind)，第二个被 DefaultModelBinder 忽略。 (因为第一个只是隐藏的，它的值可能是空的)。例如，您的脚本需要确保禁用登录部分中的 2 个输入

@Html.TextBoxFor(model => model.Email, new { id = "login-email" })

和

$('#login-email').prop('disabled', true);

注意 id 属性，这样您就可以选择正确的属性(并防止重复的 id 无效的 html。

另一种方法是创建 2 个单独的表单。