91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

C#中Bootstrap的表單驗證實現

c#
小樊
84
2024-09-02 13:30:16
欄目: 編程語言

在C#中,我們通常使用ASP.NET MVC或Blazor等框架來構建Web應用程序。這些框架提供了內置的表單驗證功能,可以與Bootstrap一起使用以實現美觀且功能豐富的表單驗證。

以下是一個使用ASP.NET MVC和Bootstrap實現表單驗證的示例:

  1. 首先,確保已安裝并引用了Bootstrap。在_Layout.cshtml文件中添加以下代碼以引入Bootstrap CSS和JS文件:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  1. 創建一個模型類,用于表示表單數據。例如,創建一個名為User的類:
public class User
{
    [Required]
    public string Name { get; set; }

    [Required]
    [EmailAddress]
    public string Email { get; set; }

    [Required]
    [DataType(DataType.Password)]
    public string Password { get; set; }
}
  1. 在控制器中創建一個操作方法,用于處理表單提交:
public class HomeController : Controller
{
    [HttpGet]
    public ActionResult Register()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Register(User user)
    {
        if (ModelState.IsValid)
        {
            // 保存用戶數據,登錄用戶等
            return RedirectToAction("Index");
        }

        return View(user);
    }
}
  1. 創建一個視圖,用于顯示表單。在Register.cshtml文件中添加以下代碼:
@model YourNamespace.User

<div class="container">
    <h2>Register</h2>
    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

        <div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label" })
            @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "control-label" })
            @Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label" })
            @Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
        </div>

       <button type="submit" class="btn btn-primary">Register</button>
    }
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

這將創建一個具有客戶端和服務器端驗證的表單。當用戶提交表單時,將使用Bootstrap樣式顯示驗證錯誤消息。

0
梓潼县| 抚顺县| 池州市| 东丽区| 常熟市| 上林县| 唐河县| 萝北县| 漾濞| 葫芦岛市| 酒泉市| 岳池县| 吉水县| 林口县| 惠东县| 通辽市| 石首市| 故城县| 临沭县| 临洮县| 莎车县| 满城县| 昌乐县| 竹北市| 镇赉县| 安吉县| 驻马店市| 嘉黎县| 乌鲁木齐市| 原平市| 福清市| 彭泽县| 慈溪市| 台北市| 麻江县| 达孜县| 金寨县| 巨鹿县| 梓潼县| 兰坪| 中江县|