MVC客户端验证：必须至少填写两个文本框之一

Question

我需要创建一个验证器，其中至少必须填写名字或姓氏。

public class Person
{

    public string FirstName { get; set; }

    public string LastName { get; set; }

}

我希望用户至少提供名字或姓氏。 提供两者都不是问题。 这是我目前的看法

@Html.ValidationSummary(true)
@using(Html.BeginForm("AddPerson","Person",FormMethod.Post))
{

    <div class="label">First Name</div>
    <div class="input-block-level">@Html.TextBoxFor(m=>m.FirstName)</div>
    <br/>
    <div class="label">Last Name</div>
    <div class="input-block-level">@Html.TextBoxFor(m=>m.LastName)</div>

    <button type="submit" class="btn-primary">Submit</button>
}

我应该怎么做才能在客户端上验证表单，以便在至少一个文本框未填充时引发错误？

Answer 1

尝试这个

<input type="submit" value="Submit" class="btn-primary" onclick="javascript: return checkform()" >

function checkform()
{
var fname= $('#FirstName').val();
var lname= $('#LastName').val();
if(fname=="" && lname=="")
  {
    alert("Enter either first name or last name") ;
    return false;
  }
}