ASP. NET 4.5 MVC实战教程 4.表单及基本验证

构建表单：ActionLink&RouteLink

@Html.ActionLink("连接", "Index", "Home") ActionLink中的三个参数分别为：显示的文字，Action，Controller
1. 2. 3. 4. 5. 6.
@Html.ActionLink("连接", "Index", "Home", new { page=1 },null) @Html.ActionLink("连接", "Index", new { page=1 }) @Html.ActionLink("连接", "Index", "Home", new { id="link1" }) @Html.ActionLink("连接", "Index",null, new { id="link1" }) @Html.ActionLink("连接", "Index", "Home", new { page = 1 }, new { id = "link1" }) @Html.ActionLink("连接", "Index" , new { page = 1 }, new { id = "link1" })

<form action="/home/index" method="post"></form>
构建表单：Form

在一个FORM中有两个或多个submit按钮（比如一个登录按钮，一个注册按钮 当post出去后，在controller如何区分是那个按钮被按下？
if (collection["SubmitToDB"] != null) { //点了login } if (collection["Upload"] != null) { // 点了reg }
构建表单：CheckBox

怎么获取前端selected的值
@using (Html.BeginForm()) { foreach (MembershipUser user in ers) { <input name="checkedUsers" type="checkbox" value="@user.ProviderUserKey" />@erName } <input type="submit" name="deleUsers" value="删除用户" /> }
<a href="/Person/Test/12" onclick="return confirm(&#39;确认删除？&#39;)">删除</a>

构建表单：Form
@using (Html.BeginForm()) {} @Html.BeginForm("index", "home", FormMethod.Post) @Html.EndForm() 生成结果：
BF-TECH 4.0 DNET 软件开发工程 师高薪就业品牌课程
版权所有：北风网
4.5 MVC 开发实战教程
讲师：石曼迪
第三章：表单及基本验证
目录

构建表单 处理表单
构建表单




MVC虽然鼓励我们手写HTML代码，但是 同时也还是提供了很多Hellper的方法，Hellper就是 一些生成HTML代码的方法，方便我们书写HTML 代码。如： belFor Html.TextBoxFor Html.PasswordFor ……
构建表单




MVC虽然鼓励我们手写HTML代码，但是 同时也还是提供了很多Hellper的方法，Hellper就是 一些生成HTML代码的方法，方便我们书写HTML 代码。如： belFor Html.TextBoxFor Html.PasswordFor ……
<input id="input1" name="input1" type="text" value="" /> <input id="input2" name="input2" style="width:300px;" type="text" value="Beverages" /> <input id="input3" name="input3" style="width:300px;" type="text" value="" /> <input id="CategoryName" name="CategoryName" style="width:300px;" type="text" value="Beverages" /> <inputid="hideTag"name="hideTag"type="hidden"value="hideValue" />
构建表单：TextArea

多行文本框
@Html.TextArea("input5", Model.CategoryName, 3, 9,null) @Html.TextAreaFor(a => a.CategoryName, 3, 3, null)
<textarea cols="9" id="input5" name="input5" rows="3">Beverages</textarea> <textarea cols="3" id="CategoryName" name="CategoryName" rows="3">Beverages</textarea>
public ActionResult Index(string[] checkedUsers) { //这里自动获取选中的checkedUsers foreach (Guid id in checkedUsers) { DeleteUser(id); } ...... }
构建表单：DropDownList
<input checked="checked" id="chk1" name="chk1" type="checkbox" value="true" /> <input name="chk1" type="hidden" value="false" /> <input class="checkBox" id="chk1" name="chk1" type="checkbox" value="true" /> <input name="chk1" type="hidden" value="false" /> <input checked="checked" class="checkBox" id="IsVaild" name="IsVaild" type="checkbox" value="true" /> <input name="IsVaild" type="hidden" value="false" />
构建表单：TextBox&Hidden&Label

文本输入框和隐藏域
@Html.TextBox("input1") @Html.TextBox("input2",Model.CategoryName,new{ @style = "width:300px;" }) @Html.TextBox("input3", ViewData["Name"],new{ @style = "width:300px;" }) @Html.TextBoxFor(a => a.CategoryName, new { @style = "width:300px;" }) @Html.Hidden("hideTag","hideValue")
1. 2.
<a href="/?page=1">连接</a> <a href="/?page=1">连接</a>
3.
4. 5. 6.
<a href="/?Length=4" id="link1">连接</a>
<a href="/" id="link1">连接</a> <a href="/?page=1" id="link1">连接</a> <a href="/?page=1" id="link1">连接</a> 注意，如果连接中不涉及到action及controller就没有 必要使用ActionLink,而是直接写HTML代码就可以了。 例如：<a href="#1">一章</a>
构建表单：ActionLink&RouteLink

如何给@Html.ActionLink添加删除确认？
@Html.ActionLink("删除", "Delete", new { id = item.Id }, new { onclick = "return confirm('确认删除？')" })
构建表单：CheckBox

复选框
@Html.CheckBox("chk1",true) @Html.CheckBox("chk1", new { @class="checkBox"}) @Html.CheckBoxFor(a =>a.IsVaild, new { @class = "checkBox" })

构建下拉选项
@Html.DropDownList("ddl1", (SelectList)ViewData["Categories"], "--Select One--") @Html.DropDownList("Categories") @model MvcApplication1.Models.LoginModel @Html.DropDownListFor(m=>erName, (SelectList)ViewData["Categories2"], "--Select One--", new { @class = "dropdownlist" }) Dictionary<int, string> strss = new Dictionary<int, string>(); strss.Add(2, "China"); strss.Add(5, "DE"); strss.Add(7, "US"); ViewBag.jihes = strss; ViewData["Categories"] = new SelectList(strss,"Key","Value"); List<LoginModel> logins = new List<LoginModel> { new LoginModel { Password = "123456", RememberMe = true, UserName = "admin" }, new LoginModel { Password = "123456", RememberMe = true, UserName = "admin" } }; ViewData["Categories2"] = new SelectList(logins, "Password", "UserName");
构建表单：DropDownList
<select id="ddl1" name="ddl1"><option value="">--Select One--</option> <option value="2">China</option> <option value="5">DE</option> <option value="7">US</option> </select> <select id="Categories" name="Categories"><option value="2">China</option> <option value="5">DE</option> <option value="7">US</option> </select> <select class="dropdownlist" id="UserName" name="UserName"><option value="">--Select One--</option> <option value="123456">admin</option> <option value="123456">admin</option> </select>