AJAX/ASP.Net/C＃：驗證後才顯示下一個內容嗎？

Question

我現在有一個ASP.Net Web Form看起來像這樣：

的網頁表單每一部分都包裹在自己的div，使他們可以顯示或通過改變CSS display:屬性none隱藏。我的意圖是從第一個開始逐個顯示每個部分。當用戶點擊「下一步」時，當前可見部分將被隱藏，並且下一部分將顯示在其位置上。

許多字段都附有ASP.Net驗證控件（以此圖片中顯示「郵政編碼」驗證錯誤消息爲例）。

這些驗證控件具有runat=server

整個Web Form被加載到父DIV通過動態AJAX。每個Next按鈕是而不是類型submit（它們是<input type= "button">）。

如何確保在給定部分中的所有字段在允許用戶點擊「下一步」之前進行驗證？

我對此很困擾，所以一些援助將非常感激！

Answer 1

一個選項是每個DIV你可以有Next按鈕，你也可以使用一個ValidationGroup按鈕和控件需要在div內部驗證。如果您設置了驗證組，它將在回發之前僅驗證相同的組控件。

或者您可以有一個下一步按鈕，並通過使用客戶端腳本或後面的代碼點擊下一個按鈕時更改該按鈕的驗證組。

changing validation group of button with javascript on client side