zoukankan      html  css  js  c++  java
  • HtmlHelper1

    1 <div>
    2         @using(Html.BeginForm("Test","Default"))
    3         {
    4        @Html.TextBox("name","rupeng");
             @Html.Label("UserName","用户名:")@Html.TextBox("UserName")
    5 } 6 </div>

    自定义属性:

    1、定义一个Model:Person类

    1 class Person
    2 {
    3      public int Age{get;set;}
        public int Height{get;set; 4 }
    <div>
        @using(Html.BeginForm("Test","Default"))
        {
            Person p1 = new Person(){Age=66,Height=166}
            @Html.TextBox("name","rupeng",p1);//生成的HTML代码中就会添加上Age属性和Height属性            
        }    
    </div>

    或者经常用匿名类

    1 <div>
    2     @using(Html.BeginForm("Test","Default"))
    3     {
    4         var p1 = new {haha=66,xixi=166}
    5         @Html.TextBox("name","rupeng",p1);//生成的HTML代码中就会添加上haha属性和xixi属性            
    6     }    
    7 </div>

    实际应用:

    定义一个class类属性

    <style type="text/css">
           .warn{
                   color:red;
           }
    </style>
    
    <div>
        @using(Html.BeginForm("Test","Default"))
        {
        @Html.TextBox("name","rupeng",new {@class="warn",data_val="haha"});//生成的HTML代码中就会添加上class属性(值为warn)和data-val属性            
        }    
    </div>

    用于表单验证:

    有一个Model,Person类

     1 public class Person 
     2 {
     3  [DisplayName("用户名")]
     4  [Required] 
     5 [StringLength(8)] 
     6 public string UserName { get; set; }
     7 
     8 [DisplayName("密码")]
     9  [Required]
    10  [StringLength(8)] 
    11 public string Password { get; set; } }

    cshtml中代码

    1 @using (Html.BeginForm("Login","Default")) { <span>用户名:</span>@Html.TextBox("UserName") <span>密码:</span>@Html.Password("Password") <input type="submit" value="提交"/> @Html.ValidationSummary() }

    注:如果字段比较多,汇总消息显然不合适,那么就用@Html.ValidationMessage("UserName")值只显示UserName属性相关的错误信息。

    比如:

    1 @using (Html.BeginForm("Login","Default")) { <span>用户名:</span>@Html.TextBox("UserName") <span> @Html.ValidationMessage("UserName")</br>
    2 密码:</span>@Html.Password("Password") <input type="submit" value="提交"/> }

    controller中代码

    1 public ActionResult Index() { return View(); }
    2 public ActionResult Login(Person model)
    3 { 
    4     if(!ModelState.IsValid)
    5     { 
    6            return View("Index");//一定要返回表单原始页面 
    7     } 
    8     return Content(model.UserName); 
    9 }

      

  • 相关阅读:
    开悟人智慧一生,要学会忍辱才能精进!
    唯美MACD-完全版
    资本的力量 趋势的力量 规律的力量
    大趋势和小趋势的辩证关系(一)
    120日均线金叉250日均线是大牛市来临的重要信号
    趋势停顿与转折(三)
    趋势停顿与转折(二)
    趋势停顿与转折(一)
    MACD技术的高级应用--MACD与波浪
    SQL Server 2012:SQL Server体系结构——一个查询的生命周期(第2部分)
  • 原文地址:https://www.cnblogs.com/dotnetHui/p/7965352.html
Copyright © 2011-2022 走看看