AJAX / ASP.Net / C＃：仅在验证后显示下一个内容？

Question

我目前有一个ASP.Net Web Form ，如下所示：

该Web表单的每个部分都包装在自己的div ，因此可以通过将CSS display:属性更改为none来显示或隐藏它们。 我的目的是一次显示每个部分，从第一个部分开始。 当用户单击“下一步”时，当前可见的部分将被隐藏，并且下一部分将显示在其位置。

许多字段都附加了ASP.Net验证控件（此示例中显示了“邮政编码”验证错误消息）。

这些验证控件具有runat=server

整个Web Form通过AJAX动态加载到父div中。 每个“ Next一个Next按钮的类型都不是“ submit （它们是<input type= "button"> ）。

在允许用户点击“下一步”之前，如何确保给定部分中的所有字段都经过验证？

我对此非常执着，因此非常感谢您的协助！

Answer 1

一个选项是每个DIV您可以具有“下一步”按钮，也可以对按钮使用一个ValidationGroup，并且控件需要在div中进行验证。 如果您设置验证组，则在回发之前，它将仅验证相同的组控件。

或者，您可以有一个“下一步”按钮，然后在单击“下一步”按钮时使用客户端脚本或后面的代码来更改该按钮的验证组。

在客户端使用javascript更改按钮的验证组