验证相应操作的特定表单控件

Question

在我的 MVC Web 应用程序中，我有两个 Html.BeginForm()，它们具有相同的控制器和对单个视图的不同操作。当我单击第一个Html.BeginForm() 的按钮时，它会显示两个表单的验证消息，而我只希望它用于单个表单。看看我下面的代码。

  //First Html.BeginForm()
@using (Html.BeginForm("AddFirst", "Student", FormMethod.Post, new  { id = "form1", role = "form"  }))
{
 <tr>
<td>
@Html.LabelFor(model => model.MobileNo)
@Html.EditorFor(model => model.MobileNo, new { htmlAttributes = new { id = "TextMobile", @class = "form-control", @maxlength = "10", @placeholder = "Mobile No" } })
@Html.ValidationMessageFor(model => model.MobileNo, "", new { @class = "text-danger" })
</td>
<td>
    <input type="submit" name="submit" value="First Button" class="btn btn-default" />
</td>
 </tr>
  }

   //Second Html.BeginForm()
@using (Html.BeginForm("AddSecond", "Student", FormMethod.Post, new  {     id = "form2", role = "form"  }))
 {
   <tr>
  <td>
@Html.LabelFor(model => model.MobileNo)
@Html.EditorFor(model => model.MobileNo, new { htmlAttributes = new { id = "TextMobile2", @class = "form-control", @maxlength = "10", @placeholder = "Mobile No" } })
@Html.ValidationMessageFor(model => model.MobileNo, "", new { @class = "text-danger" })
</td>
<td>
    <input type="submit" name="submit" value="Second Button" class="btn btn-default" />
 </td>
 </tr>
  }

在上述情况下，当我单击第一个按钮时，它显示两个手机号码的验证消息，但我想显示一个手机号码的验证消息（第二个按钮相同）。如何仅验证特定形式的单个文本框？为此，我采取了不同的行动。在我的控制器中，我有两个动作。

[HttpPost]
    public ActionResult AddFirst(string submit, User u)
    {
        agree = new Agree(u);
        if (ModelState.IsValid)
        {
    //Some logic
            return View("ThisView", agree);
        }
        else
        {
            return View("ThisView", agree);
        }

    }


[HttpPost]
    public ActionResult AddSecond(string submit, User u)
    {
        agree = new Agree(u);
        if (ModelState.IsValid)
        {
    //Some logic
            return View("ThisView", agree);
        }
        else
        {
            return View("ThisView", agree);
        }

        }

在我的模型中，我有

    [DisplayName("Mobile Number")]
    [Required(ErrorMessage = "* Please Enter Mobile Number")]
    public string MobileNo { get; set; }

Answer 1

你可以通过创建三个模型类来做到这一点

public class AddFirstMobileViewModel
{
    [DisplayName("Mobile Number")]
    [Required(ErrorMessage = "* Please Enter Mobile Number")]
    public string MobileNo { get; set; }
}

public class AddSecondMobileViewModel
{
    [DisplayName("Mobile Number")]
    [Required(ErrorMessage = "* Please Enter Mobile Number")]
    public string MobileNo { get; set; }
}

public class MobileViewModel
{
    public AddFirstMobile FirstMobileNumber{get;set;}

    public AddSecondMobile SecondMobileNumber{get;set;}
}

在视图中更新代码

@model AppName.Models.MobileViewModel

@using (Html.BeginForm("AddFirst", "Student", FormMethod.Post, new  { id = "form1", role = "form"  }))
{
    <tr>
        <td>
            @Html.LabelFor(model => model.FirstMobileNumber.MobileNo)
            @Html.EditorFor(model => model.FirstMobileNumber.MobileNo, new { htmlAttributes = new { id = "TextMobile", @class = "form-control", @maxlength = "10", @placeholder = "Mobile No" } })
            @Html.ValidationMessageFor(model => model.FirstMobileNumber.MobileNo, "", new { @class = "text-danger" })
        </td>
        <td>
            <input type="submit" name="submit" value="First Button" class="btn btn-default" />
        </td>
    </tr>
  }

//Second Html.BeginForm()
@using (Html.BeginForm("AddSecond", "Student", FormMethod.Post, new  {     id = "form2", role = "form"  }))
 {
    <tr>
        <td>
            @Html.LabelFor(model => model.SecondMobileNumber.MobileNo)
            @Html.EditorFor(model => model.SecondMobileNumber.MobileNo, new { htmlAttributes = new { id = "TextMobile2", @class = "form-control", @maxlength = "10", @placeholder = "Mobile No" } })
            @Html.ValidationMessageFor(model => model.SecondMobileNumber.MobileNo, "", new { @class = "text-danger" })
        </td>
        <td>
            <input type="submit" name="submit" value="Second Button" class="btn btn-default" />
        </td>
    </tr>
  }

在此之后单击一个表单的提交按钮会显示对各个表单的验证并将数据保存到数据库
希望这会有所帮助。