MVC3：如何驗證下拉列表？

在MVC2中，我用於下拉列表的工作驗證;MVC3：如何驗證下拉列表？

<tr> 
        <td align="right"> 
         <%: Html.LabelFor(model => model.contract.ContractTypeId)%><span class="error">*</span> 
        </td>      
        <td> 
         <%: Html.DropDownListFor(model => model.contract.ContractTypeId, Model.contractTypesSelectList, "<--Select-->")%> 
         <%: Html.ValidationMessageFor(model => model.contract.ContractTypeId)%> 
        </td> 
       </tr>

並帶有數據註釋;

 [DisplayName("Contract Prefix")] 
     [UIHint("DropDownList")] 
     [Required(ErrorMessage = "You must select a Contract Prefix")] 
     public int ContractTypeId { get; set; }

如果我在MVC3中嘗試這個，它不再起作用;

  <tr> 
       <td align="right"> 
        @Html.LabelFor(model => model.contract.ContractTypeId)<span class="error">*</span> 
       </td>      
       <td> 
        @Html.DropDownListFor(model => model.contract.ContractTypeId, Model.contractTypesSelectList, "<--Select-->") 
        @Html.ValidationMessageFor(model => model.contract.ContractTypeId) 
       </td> 
      </tr>

data annotation;

[DisplayName("Contract Prefix")] 
    [UIHint("DropDownList")] 
    [Required(ErrorMessage = "You must select a Contract Prefix")] 
    public int ContractTypeId { get; set; }

我在做什麼錯？

編輯

實際上正在發生的事情是，當我點擊提交，其他字段被標記了爲無效。當我改正他們並點擊提交，然後下拉標誌爲無效。所以它有點作品，但應該同時工作，而不是按照這個順序。

我的控制器是; ＃地區CREATE /* ** * **** * CREATE * ** * * */ [授權（角色= 「輸入器，管理員」）] public ViewResult Create（） { return View（new ContractViewModel（））; }

// 
    // POST: /Contract/Create 

    [Authorize(Roles = "Inputter,Administrator")] 
    [HttpPost] 
    public ActionResult Create(ContractViewModel contractViewModel) 
    { 
     if (ModelState.IsValid) 
     { 
      CapitaliseNames(ref contractViewModel); 
      int contractId = contractViewModel.contract.Add(); 
      // Store the Addresses for Client and Contract Administrator on the database, 
      // and store the Ids of the new addresses on the Contract object. 
      contractViewModel.clientContact.ContractId = contractId; 
      contractViewModel.contractAdministratorContact.ContractId = contractId; 

      int clientContactId = contractViewModel.clientContact.Add(); 
      int contractAdministratorContactId 
       = contractViewModel.contractAdministratorContact.Add(); 
      contractViewModel.contract.Update(clientContactId, contractAdministratorContactId); 
      return RedirectToAction("List"); 
     } 
     return View(new ContractViewModel()); 
    } 

    private static void CapitaliseNames(ref ContractViewModel contractViewModel) 
    { 
     contractViewModel.clientContact.ContactName = contractViewModel.clientContact.ContactName.UppercaseFirst(); 
     contractViewModel.clientContact.NameOfContact = contractViewModel.clientContact.NameOfContact.UppercaseFirst(); 
     contractViewModel.contractAdministratorContact.ContactName = contractViewModel.contractAdministratorContact.ContactName.UppercaseFirst(); 
     contractViewModel.contractAdministratorContact.NameOfContact = contractViewModel.contractAdministratorContact.NameOfContact.UppercaseFirst(); 
    } 
    #endregion

我的看法是; @model HITOC.Models.ContractViewModel

@{ 
    ViewBag.Title = "Create"; 
} 

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     $('#contract_ContractNo_Letter').setMask({ mask: 'a' }); 
     $('#contract_ContractNo_Number').setMask({ mask: '999', type: 'reverse' }); 
     $('#contract_ContractPeriodInWeeks').setMask({ mask: '999', type: 'reverse' }); 
     $('#contract_ContractValue').setMask({ mask: '99.999999999999', type: 'reverse', defaultValue: '000' }); 
    }); 
</script> 
@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
     <h1>CREATE an Instruction to Open File Form</h1> 
     <hr /> 
     <p>DIRECTOR OR HEAD OF DIVISION <b>ONLY</b> TO INSTRUCT</p> 
     <fieldset> 
      <legend>Enter the contract details here:</legend> 
      <p>Where you see <span class="error">*</span> you must enter data.</p> 
      <table> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.SignOffDate)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.EditorFor(model => model.contract.SignOffDate) 
         @Html.ValidationMessageFor(model => model.contract.SignOffDate) 
        </td> 
       </tr> 
       <tr> 
        <th colspan="2">-- Enter Contract Number</th> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ContractTypeId)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.DropDownListFor(model => model.contract.ContractTypeId, Model.contractTypesSelectList, "<--Select-->") 
         @Html.ValidationMessageFor(model => model.contract.ContractTypeId) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ContractNo_Letter)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contract.ContractNo_Letter, 
          new { autocomplete = "off", maxlength = "1", style = "width:15px;text-transform: uppercase;" }) 
         @Html.ValidationMessageFor(model => model.contract.ContractNo_Letter) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ContractNo_Number)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contract.ContractNo_Number, 
          new { autocomplete = "off", maxlength = "3", style = "width:30px;" }) 
         @Html.ValidationMessageFor(model => model.contract.ContractNo_Number) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ContractNo_Suffix) 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contract.ContractNo_Suffix, 
          new { maxlength = "2", style = "width:30px;text-transform: uppercase;" }) 
        </td> 
       </tr> 
       <tr> 
        <th colspan="2">-- Enter Estimate and Order Details</th> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.EstimateNumber)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contract.EstimateNumber, 
          new { autocomplete = "off", style = "text-transform: uppercase;" }) 
         @Html.ValidationMessageFor(model => model.contract.EstimateNumber) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ClientOrderNumber) 
        </td>      
        <td> 
         @Html.EditorFor(model => model.contract.ClientOrderNumber) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.InstructionWithoutClientOrder)<br /> 
         (Only if no Client Order Number) 
        </td>      
        <td> 
         @Html.TextAreaFor(model => model.contract.InstructionWithoutClientOrder, 
          new { maxlength = "255", style = "width:200px;height:100px;"}) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.GivenDate)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.EditorFor(model => model.contract.GivenDate) 
         @Html.ValidationMessageFor(model => model.contract.GivenDate) 
        </td> 
       </tr> 
       <tr> 
        <th colspan="2">-- Enter Client Details</th> 
       </tr> 
       <tr> 
        <td align="right"> 
         Client Organisation Name<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.clientContact.ContactName, new { autocomplete = "off", style = "text-transform: capitalize;" }) 
         @Html.ValidationMessageFor(model => model.clientContact.ContactName) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Client Address<span class="error">*</span> 
        </td>      
        <td> 
         @Html.EditorFor(model => model.clientContact.AddressLine1) 
         @Html.ValidationMessageFor(model => model.clientContact.AddressLine1) 
        </td> 
       </tr> 
       <tr> 
        <td></td>      
        <td> 
         @Html.EditorFor(model => model.clientContact.AddressLine2) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Post code<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.clientContact.PostCode, 
          new { autocomplete = "off", style = "text-transform: uppercase;" }) 
         @Html.ValidationMessageFor(model => model.clientContact.PostCode) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Name of contact 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.clientContact.NameOfContact, new { autocomplete = "off", style = "text-transform: capitalize;" }) 
         @Html.ValidationMessageFor(model => model.clientContact.NameOfContact) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Tel No 
        </td>      
        <td> 
         @Html.EditorFor(model => model.clientContact.Phone) 
         @Html.ValidationMessageFor(model => model.clientContact.Phone) 
        </td> 
       </tr> 
       <tr> 
        <th colspan="2">-- Enter Contract Administrator Details</th> 
       </tr> 
       <tr> 
        <td></td> 
        <td><input id="chkCopyContact" type="checkbox" name="chkCopyContact" /> Click here to copy across the client contact details </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Name<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contractAdministratorContact.ContactName, new { autocomplete = "off", style = "text-transform: capitalize;" }) 
         @Html.ValidationMessageFor(model => model.contractAdministratorContact.ContactName) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Address<span class="error">*</span> 
        </td>      
        <td> 
         @Html.EditorFor(model => model.contractAdministratorContact.AddressLine1) 
         @Html.ValidationMessageFor(model => model.contractAdministratorContact.AddressLine1) 
        </td> 
       </tr> 
       <tr> 
        <td></td>      
        <td> 
         @Html.EditorFor(model => model.contractAdministratorContact.AddressLine2) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Post code<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contractAdministratorContact.PostCode, 
          new { autocomplete = "off", style = "text-transform: uppercase;" }) 
         @Html.ValidationMessageFor(model => model.contractAdministratorContact.PostCode) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Name of contact 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contractAdministratorContact.NameOfContact, 
          new { autocomplete = "off", style = "text-transform: capitalize;" }) 
         @Html.ValidationMessageFor(model => model.contractAdministratorContact.NameOfContact) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Tel No 
        </td>      
        <td> 
         @Html.EditorFor(model => model.contractAdministratorContact.Phone) 
         @Html.ValidationMessageFor(model => model.contractAdministratorContact.Phone) 
        </td> 
       </tr> 
       <tr> 
        <th colspan="2">-- Enter Contract Title/Address</th> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ContractTitle)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.EditorFor(model => model.contract.ContractTitle) 
         @Html.ValidationMessageFor(model => model.contract.ContractTitle) 
        </td> 
       </tr> 
       <tr> 
        <td></td>      
        <td> 
         @Html.EditorFor(model => model.contract.ContractAddressLine1) 
        </td> 
       </tr> 
       <tr> 
        <td></td>      
        <td> 
         @Html.EditorFor(model => model.contract.ContractAddressLine2) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         Post code<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contract.ContractPostCode, 
          new { autocomplete = "off", style = "text-transform: uppercase;" }) 
         @Html.ValidationMessageFor(model => model.contract.ContractPostCode) 
        </td> 
       </tr> 
       <tr> 
        <th colspan="2">-- Enter Work Description</th> 
       </tr> 
       <tr> 
        <td align="right"><span class="error">*</span></td>      
        <td > 
         @Html.TextAreaFor(model => model.contract.WorkDescription, 
          new { maxlength = "255", style = "width:200px;height:100px;" }) 
         @Html.ValidationMessageFor(model => model.contract.WorkDescription) 
        </td> 
       </tr> 
       <tr> 
        <th colspan="2">-- Enter Contract Details</th> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.StartDate) 
        </td>      
        <td> 
         @Html.EditorFor(model => model.contract.StartDate) 
         @Html.ValidationMessageFor(model => model.contract.StartDate) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ContractPeriodInWeeks)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contract.ContractPeriodInWeeks, new { style = "width:30px" }) 
         @Html.ValidationMessageFor(model => model.contract.ContractPeriodInWeeks) 
        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.OperationsManagerUserId)<span class="error">*</span> 
        </td>      
        <td> 
         @Html.DropDownListFor(model => model.contract.OperationsManagerUserId, Model.operationManagerSelectList, "<--Select-->") 
         @Html.ValidationMessageFor(model => model.contract.OperationsManagerUserId) 

        </td> 
       </tr> 
       <tr> 
        <td align="right"> 
         @Html.LabelFor(model => model.contract.ContractValue) 
        </td>      
        <td> 
         @Html.TextBoxFor(model => model.contract.ContractValue, new {style = "width:120px" }) 
         (Leave as zero if not decided yet). 
         @Html.ValidationMessageFor(model => model.contract.ContractValue) 
        </td> 
       </tr> 
       <tr> 
        <td align="center" colspan="2" style="padding-top:20px;"><input type="submit" value="Create" /></td> 
       </tr> 
      </table> 
     </fieldset> 
} 

<div> 
    @Html.ActionLink("Back to List", "List") 
</div>

來源

2011-07-08 arame3333

您的視圖模型沒有意義。您將Required屬性放在一個不可爲空的整數屬性上，該屬性的值始終爲0（在您的情況下）。因此，通過修改您的視圖模型開始：

[DisplayName("Contract Prefix")] 
[UIHint("DropDownList")] 
[Required(ErrorMessage = "You must select a Contract Prefix")] 
public int? ContractTypeId { get; set; }

現在你可以有空值下拉列表：

@Html.DropDownListFor(
    x => x.contract.ContractTypeId, 
    Model.contractTypesSelectList, 
    "<--Select-->" 
) 
@Html.ValidationMessageFor(x => x.contract.ContractTypeId)

然後，如果你想要做的客戶端驗證在ASP.NET MVC 3，jQuery和jQuery驗證插件用於此。所以一定要包括以下內容腳本到你的頁面：

jquery.validate.js
jquery.validate.unobtrusive.js

另外，還要確保你的控制器操作接收正確的選定的值：

[HttpPost] 
public ActionResult Foo(MyViewModel model) 
{ 
    if (!ModelState.IsValid) 
    { 
     // there was an error => redisplay the view 
     return View(model); 
    } 

    // model.contract.ContractTypeId will contain a value 
    // at this stage here => use it to do some processing 
    ... 
}

來源

2011-07-08 10:33:32

我試過你的解決方案，它沒有解決問題。其實我對我的問題不太確切，所以我現在要編輯它。 – arame3333

@ arame3333，當你說我的解決方案不起作用時，這很奇怪，因爲我在許多項目中都使用這樣的代碼，並且它始終沒有任何問題。 –

我應該更好地評論我的最後一條評論，從我的編輯中可以看出，問題與我原先認爲的不同。 – arame3333

MVC3：如何驗證下拉列表？

回答

相關問題