jqModal 和 ASP.NET MVC

Question

我想创建一个简单的表单来使用 jqModal 添加新产品。

View / Home / 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 验证插件 或使用 MVC 模型验证 自动生成JS。事实上，它处于模式对话框中应该不会对这些技术产生影响。