MVC客户端验证:必须至少填充两个文本框中的一个

时间:2014-01-15 09:32:12

标签: c# jquery asp.net-mvc validation

我需要创建一个验证器,其中必须至少填充FirstName或LastName。

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>
}

我应该怎样做才能在客户端验证表单,以便在至少一个文本框未填充时抛出错误?

1 个答案:

答案 0 :(得分: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;
  }
}