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 }

 

 

 

　　

posted @ 2017-12-03 08:04  liu_xh  阅读(174)  评论(0)  编辑  收藏  举报