一在驗證

Question

需要兩個字段我有2個字段：

姓

名字

而且只需要其中的一個。但是，如果兩者都被省略，我希望兩個字段都被突出顯示。如果其中一個填寫了，那麼模型沒問題，表單應該提交。

這怎麼辦？

Answer 1

您可以使用this library，它會幫你做這樣的事情

[RequiredIf("PropertyValidationDependsOn", true)] 
    public string PropertyToValidate { get; set; } 

Answer 2

所有複雜的驗證與您的視圖模型從繼承IValidatableObject開始。然後，您覆蓋驗證並放入您自己的驗證規則。

IEnumerable<ValidationResult> IValidatableObject.Validate(ValidationContext validationContext) 
{ 
    if (String.IsNullOrWhiteSpace(FirstName) && String.IsNullOrWhiteSpace(LastName)) 
    { 
     yield return new ValidationResult("A name must be entered.", new string[] { "FirstName", "LastName" }); 
    } 
} 

請注意，這隻能確保服務器端驗證此規則。如果你想要它的客戶端，你需要編寫自己的JavaScript/jQuery代碼來處理驗證。

Answer 3

如果你願意做這個客戶端 這可能會給你一個開始

HTML

<input type="text" class="name" id="firstName" /> 
<input type="text" class="name" id="lastName" /> 
<input type="button" id="btnSubmit" value="submit" /> 

按鈕單擊事件

$("#btnSubmit").click(function() { 
    var isValid = false; 
    $("input[class='name']").each(function (key, keyValue) { 
     //alert(keyValue.value); 
     if (keyValue.value.length > 0) { 
      isValid = true; 
      $(this).css("background", "White"); 
     } 
     else { 
      $(this).css("background", "RED"); 
     } 
    }) 
    if (!isValid) { 
     // do something 
    } 
}); 

爲了防止表單提交，如果不通過驗證

$('input[type=submit]').bind('click', function(e) { 
    var isValid = false; 
     $("input[class='name']").each(function (key, keyValue) { 
      //alert(keyValue.value); 
      if (keyValue.value.length > 0) { 
       isValid = true; 
       $(this).css("background", "White"); 
      } 
      else { 
       $(this).css("background", "RED"); 
      } 
     }) 
     if (!isValid) { 
      e.preventDefault() // prevents the form from being submitted 
     }  
}); 

在http://jsfiddle.net/habo/UpmCv/