jqModal和ASP.NET MVC

Question

我想使用jqModal創建一個簡單的表單來添加新產品。

查看/首頁/的Index.aspx：

<script type="text/javascript"> 
     $(document).ready(function() { 

      $('#addProductControlSection').jqm({ modal: true, 
       ajax: '<%: Url.Action("AddProduct", "Home") %>', 
       onHide: myAddClose 
      }); 

      function myAddClose(hash) { 
       hash.w.fadeOut('1000', function() { hash.o.remove(); }); 
      } 

     }); 
    </script> 

    // rest of the code... 

<a href="#" class="jqModal">Add product</a> 

<div id="addProductControlSection" class="jqmWindow"> 

</div> 

的HomeController：

public ActionResult AddProduct() 
{ 
    return View(); 
} 

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult AddProduct(Product product) 
{ 
    if(!ModelState.IsValid) 
    { 
     // how to show an error? 
    } 

    _productRepository.Save(product); 
    // how to display 'success' or something... 
} 

我不知道如何實現驗證。如果用戶爲Product.Price輸入了不正確的值並單擊保存按鈕，我不想關閉表單。我想在正常視圖上使用驗證摘要時顯示錯誤消息。

謝謝！

Answer 1

看看jQuery validation plugin或使用MVC Model Validation來自動生成JS。它在模態對話中的事實應該對這些技術沒有影響。