如何在通过Ajax生成表单后显示验证

时间:2010-02-24 15:08:47

标签: javascript ajax asp.net-mvc validation user-interface

在提交通过ajax生成的表单后,我很难找到显示验证消息的最佳方式。

让我解释一下:
我有一个页面,从一些选项开始。根据用户从下拉列表中选择的内容以及添加新字段,创建表单,最后提交表单。

问题是,即使我可以在服务器上进行验证检查,并在页面上显示一般验证消息。在按下提交按钮之前,我应该如何使用用户输入的值预先填写表单字段。

2 个答案:

答案 0 :(得分:1)

三个选项:

  1. 正常POST - >服务器呈现表单AS提交(您应该能够重建表单服务器端)

  2. ajax POST - >如果验证成功,只需重定向用户

  3. 发布前检查 - >同步ajax验证调用

答案 1 :(得分:0)

我可以通过几种方式来处理这个问题。

1)在提交时进行另一次AJAX调用,进行验证并返回完整的帖子。这不是一个优雅的解决方案,因为它涉及两次往返,并且取决于验证会导致性能问题。

2)当你返回用于扩展表单的json时,让它改为转换2组json对象。第一组对象将代表您当前使用的数据。数组中的第二个集合将代表验证逻辑,然后您可以在表单创建时应用它。

这两种方式都不是真正的优雅;然而,后者提供了一种最小化往返进行验证的方法。