MVC多種形式和不顯眼的驗證

Question

我認爲這是不可能的，因爲我無法讓它工作，儘管我幾乎讀了所有資源。我有一個表格，實際上是一個局部視圖，裏面有三個不同的形式：

<div id="divTypePage" style="display:none" class="admin"> 
@using (Html.BeginForm("Type", "Inventory", FormMethod.Post, new { id = "typeForm" })) 
{ 
    <h4>Item Type Maintenance</h4> 
    <table class="table_body"> 
     <tr> 
      <td> 
       <b style="color:red">*</b>Find Item Type or Enter New Code: 
      </td> 
      <td> 
       <input id="types" style="text-transform:uppercase" class="typeModel" /> 
        @Html.HiddenFor(x=>x.ItemTypeModel.ItemTypeCode, new {@id = "txtTypeCode"}) 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <b style="color:red">*</b>@Html.DisplayNameFor(x=>x.ItemTypeModel.ItemTypeDescription) 
      </td> 
      <td> 
       @Html.TextBoxFor(x => x.ItemTypeModel.ItemTypeDescription, new { @id = "txtDesc", style="text-transform:uppercase", @class="typeModel" }) 
       @Html.ValidationMessageFor(x=>x.ItemTypeModel.ItemTypeDescription) 
      </td> 
     </tr> 
     <tr> 
      <td> 
       @Html.DisplayNameFor(x=>x.ItemTypeModel.ItemTypePriority) 
      </td> 
      <td> 
       @Html.TextBoxFor(x => x.ItemTypeModel.ItemTypePriority, new { @id = "txtPrior", @maxLength = "1", style = "width: 50px", @class="typeModel" }) 
       @Html.ValidationMessageFor(x=>x.ItemTypeModel.ItemTypePriority) 
      </td> 
     </tr> 
    </table> 
} 
    </div> 
     <div id="divRolePage" style="display:none" class="admin"> 
@using (Html.BeginForm("Role", "Inventory", FormMethod.Post, new { @id = "roleForm" })) 
{ 
    <h4>Role Maintenance</h4> 
    <table class="table_body"> 
     <tr> 
      <td> 
       <b style="color:red">*</b>Find Role or Enter New: 
      </td> 
      <td> 
       <input id="roles" class="roleModel" style="text-transform:uppercase" /> 
       @Html.HiddenFor(x=>x.RoleModel.Role, new { @id = "txtRole"}) 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <b style="color:red">*</b>@Html.DisplayNameFor(x=>x.RoleModel.Description) 
      </td> 
      <td> 
       @Html.TextBoxFor(x=>x.RoleModel.Description, new { @id = "txtRoleDesc", style = "text-transform:uppercase", @class = "roleModel"}) 
      </td> 
     </tr> 
     <tr> 
      <td> 
       @Html.DisplayNameFor(x=>x.RoleModel.Admin) 
      </td> 
      <td> 
       @Html.CheckBoxFor(x=>x.RoleModel.Admin, new { @id = "chkAdmin"}) 
      </td> 
     </tr> 
     <tr> 
      <td> 
       @Html.DisplayNameFor(x=>x.RoleModel.Trans) 
      </td> 
      <td> 
       @Html.CheckBoxFor(x=>x.RoleModel.Trans, new { @id = "chkTrans"}) 
      </td> 
     </tr> 
     <tr> 
      <td> 
       @Html.DisplayNameFor(x=>x.RoleModel.Reports) 
      </td> 
      <td> 
       @Html.CheckBoxFor(x=>x.RoleModel.Reports, new { @id = "chkReports"}) 
      </td> 
     </tr> 
    </table> 
    } 
    </div> 

我打開每一個通過使用一個對話框，我不是要去表演。但它是這樣的：

function OpenAdminPage(page) { 
    var type = page; 
    switch (page) { 
     case "type": 
      $("#divTypePage").dialog("open"); 
      ParseForm("#typeForm"); 
      break; 
     case "user": 
      ClearValues(); 
      $("#divUserPage").dialog("open"); 
      ParseForm("#userForm"); 
      break; 
     case "role": 
      ClearValues(); 
      $("#divRolePage").dialog("open"); 
      ParseForm("#roleForm"); 
      break; 
    } 
    return false; 
} 

和函數是這樣的：

function ParseForm(selector) { 
var form = $(selector) 
    .removeData("Validator") 
    .removeData("unobtrusiveValidation"); 
$.validator.unobtrusive.parse(form); 
} 

但是，只有一個表格會顯示錯誤，另外兩個是給我這個：

0x800a03f6 - JavaScript runtime error: Invalid character 

這在jQuery.parseJSON函數中的jquery-1.11.2中。我只是做了這個錯誤還是不可能這樣做？

Answer 1

使用JSON.parse（data）。它以正確的方式序列化。還有一個解釋。如果你在iis上託管你的應用程序。請執行以下操作：

打開IIS並查看您的MIME類型。檢查是否有一個叫.json。如果不是，只需添加一個名爲.json的應用程序並將其設置爲application/json。

Answer 2

我看不到任何MVC驗證代碼在您發佈的示例roleForm中可見。有點薄的假設，但我基於以下內容：

當輸入字段有任何客戶端驗證規則附加到它，它會收到data-val =「true」屬性觸發不顯眼客戶端驗證。

數據註釋和驗證消息將創建「缺失」屬性（當然，假設在此處丟失）。我敢肯定你知道，因爲你這些工作是如何得到一個表單驗證工作，但以供參考：

在模型：

public class MyModel { 
    [Required(ErrorMessage = "What is my name?")] 
    public string MyName { get; set; } 
} 

在視圖：

​​

爲什麼這會拋出一個javascript錯誤有點不清楚。但我希望以上內容能夠解決它。

編輯 - A good reference (mainly for MVC3, but it applies)