通過本篇教程，我們學習瞭如何在 Taurus.MVC WebMVC 中處理表單提交和進行數據驗證。我們創建了一個包含表單的視圖，併在控制器中接收表單數據，併進行數據驗證和其他邏輯操作。 ...
前言：
在本篇 Taurus.MVC WebMVC 入門開發教程的第五篇文章中，我們將學習如何處理表單提交和進行數據驗證。
這是 Web 開發中非常重要的一部分，因為它涉及到用戶輸入數據的處理和有效性驗證。
我們將繼續使用 Taurus.Mvc 命名空間，並探討如何在控制器中接收表單數據、進行數據驗證並給出相應的響應。
步驟1：創建視圖
首先，我們需要創建一個包含表單的視圖。
在視圖文件（例如 create.html）中，我們可以使用 HTML 表單元素來接收用戶輸入的數據。
<!DOCTYPE html>
<html>
<head>
<title>創建用戶</title>
</head>
<body>
<h1>創建用戶</h1>
<form method="post">
<label for="name">姓名：</label>
<input type="text" name="name" id="name" required>
<br>
<label for="age">年齡：</label>
<input type="number" name="age" id="age" required>
<br>
<input type="submit" value="提交" name="btnAddUser">
<div id="printMsg"></div>
</form>
</body>
</html>
在上述代碼中，我們創建了一個簡單的表單，包含一個文本輸入框和一個數字輸入框，用於接收用戶的姓名和年齡。
表單的 method 屬性被設置為 post，預設將數據提交到當前頁面。
同時給按鈕起了個名稱"btnAddUser"，事件按鈕，對應控制器的方法。
步驟2：更新控制器
接下來，我們需要在控制器中創建一個方法來處理表單提交。
我們繼續沿用上文使用到的 HomeController.cs 文件，併在其中添加一個名為 Create 的方法，用來呈現顯示頁面內容。
同時添加 BtnAddUser 方法【和按鈕同名，不區分大小寫】來處理按鈕事件。
public class HomeController : Taurus.Mvc.Controller { public void Index() { ... } public void Create() { } public void BtnAddUser(string name, int age) { View.Set("printMsg", name + " - " + age); } }
在 HomeController 類中，定義和 Create.html 同名的方法，用來顯示該表單界面。
同時添加 BtnAddUser 方法，來處理按鈕點擊事件。
上述代碼中的 BtnAddUser 方法可以指定接收 表單 對象作為參數，其中包含了表單提交的數據。
我們也可以通過 Query<string>("name") 和 Query<int>("age") 來獲取相應的用戶輸入值。
上述示例代碼中，最後通過：View.Set 方法，可以將數據呈現在指定（ID=“printMsg”）的 Html 標簽中。
步驟3：進行數據驗證
在表單提交後，我們通常需要對用戶輸入的數據進行驗證，以確保其有效性。
在上述代碼的中，我們將參數表單的接收參數，定義到方法參數中，同時指定了數據類型。
對於表單參數較少時：
將表單參數放到方法參數中，可以簡化代碼，同時利用框架的的數據類型轉換，進行有效轉換。
對於參數較多時：
您可以通過定義實體Model，並將它定義到方法參數中，例如：
public void BtnAddUser(User user) { View.Set("printMsg", user.name + " - " + user.age); }
當然我們也可以不定義任何方法參數，通過 Query<T>(Name) 方法來獲取相應的用戶輸入值。
public void BtnAddUser() { View.Set("printMsg", Query<String>("name") + " - " + Query<int>("age")); }
接下來，您需要自行添加數據驗證的邏輯，以保證程式的穩定輸出。
例如，您可以使用條件語句、正則表達式或其他驗證方式來檢查用戶輸入的數據是否符合要求。
如果數據驗證失敗，您可以返回一個視圖，向用戶顯示錯誤信息並要求重新輸入。
如果數據驗證成功，您可以執行其他操作（例如保存到資料庫）並重定向用戶到另一個頁面。
步驟4：運行應用程式
最後，運行應用程式並訪問 /Home/Create 路由，您將看到一個表單頁面。
嘗試提交表單並查看控制台輸出，您將看到用戶輸入的姓名和年齡被成功獲取。
總結
通過本篇教程，我們學習瞭如何在 Taurus.MVC WebMVC 中處理表單提交和進行數據驗證。
我們創建了一個包含表單的視圖，併在控制器中接收表單數據，併進行數據驗證和其他邏輯操作。
本系列的目錄大綱為：
Taurus.MVC WebMVC 入門開發教程1：框架下載環境配置與運行 Taurus.MVC WebMVC 入門開發教程2：一個簡單的頁面呈現 Taurus.MVC WebMVC 入門開發教程3：數據綁定Model Taurus.MVC WebMVC 入門開發教程4：數據列表綁定List<Model> Taurus.MVC WebMVC 入門開發教程5：表單提交與數據驗證 Taurus.MVC WebMVC 入門開發教程6：路由配置與路由映射 Taurus.MVC WebMVC 入門開發教程7：部分視圖和頁面片段
| 版權聲明：本文原創發表於 博客園，作者為 路過秋天 本文歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則視為侵權。 |
個人微信公眾號
|
創業QQ群：617713515
|
Donation(掃碼支持作者)：支付寶：
|
Donation(掃碼支持作者)：微信：
|
|
|
騰訊雲產品福利專區 |
