2016 系统设计第一期（档案一）MVC form数据提交

前几天我发现 MVC 虽然解决了webform的问题但是用起来真的很麻烦，不知道是我刚接触的原因还是为什么，感觉有很多的局限性，对于form的提交一个form只能绑定一个action，代码如下：

 @using (Html.BeginForm("Create", "Users", FormMethod.Post, new { id = "SaveUserForm", @class = "form-horizontal" }))

这段代码是一个form绑定的一个创建用户的添加方法。但是回想起来，在做系统的时候的有很多的弹出窗体可以添加和修改功能其实是可以运用一个from就可以解决问题的。这就留下了疑问，如果做新增和修改功能的话，我是创建多个form？

而且一个form表单可能存在很多文本验证，这时候怎么办？例如下面我的添加页面。

代码：

   <!-- 模态框（Modal）添加用户页面 开始 -->

    <div class="modal fade" id="SaveUser_Modal" tabindex="-1" role="dialog"

         aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-dialog">

            @*设定窗体宽度，只有在这个 class="modal-dialog" 这个div有效*@

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close"

                            data-dismiss="modal" aria-hidden="true">

                        &times;

                    </button>

                    <h4 class="modal-title" id="myModalLabel">

                        添加用户

                    </h4>

                </div>

                @using (Html.BeginForm("Create", "Users", FormMethod.Post, new { id = "SaveUserForm", @class = "form-horizontal" }))

                {

                    <div class="modal-body">

                        <div class="form-group">

                            <label for="LoginName" class="col-sm-2 control-label">账号</label>

                            <div class="col-md-8">

                                @Html.TextBox("LoginName", "", new { @class = "form-control", placeholder = "请输入账号" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="LoginPwd" class="col-sm-2 control-label">密码</label>

                            <div class="col-md-8">

                                @Html.TextBox("LoginPwd", "", new { @class = "form-control", placeholder = "请输入密码" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="confirmLoginPwd" class="col-sm-2 control-label">确认密码</label>

                            <div class="col-md-8">

                                @Html.TextBox("confirmLoginPwd", "", new { @class = "form-control", placeholder = "请输入密码" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="FullName_C" class="col-sm-2 control-label">中文名</label>

                            <div class="col-md-8">

                                @Html.TextBox("FullName_C", "", new { @class = "form-control", placeholder = "请输入中文名" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="FullName_E" class="col-sm-2 control-label">英文名</label>

                            <div class="col-md-8">

                                @Html.TextBox("FullName_E", "", new { @class = "form-control", placeholder = "请输入英文名" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="CreateTime" class="col-sm-2 control-label">创建时间</label>

                            <div class="col-md-8">

                                <div class="input-group date form_date" data-date="" data-date-format="" data-link-field="CreateTime" data-link-format="yyyy-mm-dd">

                                    <input class="form-control" size="10" type="text" value="" readonly>

                                    @*<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>*@

                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

                                </div>

                                @Html.Hidden("CreateTime")

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="Email" class="col-sm-2 control-label">邮箱</label>

                            <div class="col-md-8">

                                @Html.TextBox("Email", "", new { @class = "form-control", placeholder = "请输入邮箱" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="QQ" class="col-sm-2 control-label">QQ</label>

                            <div class="col-md-8">

                                @Html.TextBox("QQ", "", new { @class = "form-control", placeholder = "请输入QQ" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="Gender" class="col-sm-2 control-label">性别</label>

                            <div class="col-md-8">

                                <label class="checkbox-inline">

                                    @Html.RadioButton("Gender", 1, new { @id = "radio1", @name = "Gender" })男

                                </label>

                                <label class="checkbox-inline">

                                    @Html.RadioButton("Gender", 0, new { @id = "radio0", @name = "Gender" })女

                                </label>

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="Mobile" class="col-sm-2 control-label">手机</label>

                            <div class="col-md-8">

                                @Html.TextBox("Mobile", "", new { @class = "form-control", placeholder = "请输入手机" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="Telephone" class="col-sm-2 control-label">联系电话</label>

                            <div class="col-md-8">

                                @Html.TextBox("Telephone", "", new { @class = "form-control", placeholder = "请输入联系电话" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label class="col-sm-2 control-label" id="captchaOperation"></label>

                            <div class="col-md-8">

                                <input type="text" class="form-control" name="captcha" placeholder="请输入请输入结果" />

                            </div>

                        </div>

                        <input type="hidden" id="UserId" value="" />

                        @Html.Hidden("CreateTime")

                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn btn-default"

                                data-dismiss="modal">

                            关闭

                        </button>

                        <button type="button" class="btn btn-info" id="validateBtn">重新验证</button>

                        <button type="button" class="btn btn-info" id="resetBtn">重置</button>

                        <button type="submit" class="btn btn-primary">

                            提交更改

                        </button>

                    </div>

                }

            </div><!-- /.modal-content -->

        </div>

    </div>

    <!-- 模态框（Modal）添加用户页面 结束 -->

2016 系统设计第一期（档案一）MVC form数据提交的更多相关文章

2016 系统设计第一期（档案一）MVC bootstrap model弹出子页面
通过bootstrap 弹出modal-dialog 子页面 ,例如我要弹出子页面:areaitem_sub_One.html. 具体步骤如下: 第一步:新建 areaitem_sub_One.ht ...
2016 系统设计第一期（档案一）MVC 相关控件整理
说明:前者是MVC,后者是boostrap 1.form 表单 @using (Html.BeginForm("Create", "User", FormMet ...
2016 系统设计第一期（档案一）MVC 和 Bootstrap 表单转换
bootstrap <form role="form"> <div class="form-group"> <label for= ...
2016 系统设计第一期（档案一）MVC 控制器接收表单数据
1.FormCollection collection user.UserId =Convert.ToInt32(collection["UserId"]); /// < ...
2016 系统设计第一期（档案一）jQuery ajax serialize()方法form提交数据
jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ...
2016 系统设计第一期（档案一）MVC a标签跳转 Html.ActionLink的用法
html: <a class="J_menuItem" href="baidu.com">权限管理</a> cshtml: 原有样式: ...
2016 系统设计第一期（档案一）MVC bootstrap model弹出窗
局部代码:  <div style=""> <button class="btn btn-primary&q ...
2016 系统设计第一期（档案一）MVC ajax 获取json数据
我在做一张表的增删改查的时候,在编辑的时候,需要获取当前选择行对应的Id,然后并且把选择行的Id的对于的数据取出来,代码如下: 列表a标签绑定: Js代码: url: '/Users/GetUserB ...
2016 系统设计第一期（档案一）MVC 引用 js css
@Styles.Render("~/Bootstrap/css/bootstrap-theme.css") @Scripts.Render("~/jQuery/jquer ...

随机推荐

C++编译器的函数名修饰规则
我们知道在C++中有函数重载这样一个东西,当我们定义了几个功能类似且函数名是一样的函数的时候,只要它的参数列表不同,编译是可以通过的,但是在C中是不可以的. double add(double a, ...
webservice发布接口
一:编写接口程序,计算功能类,有加减乘除四个方法 /** * */ package com.hlcui.util; /** * @author Administrator 将此类发布为公共接口 */ ...
C语言下的简易计算器
#include <stdio.h> #include <math.h> int main() { double data1, data2; char op; == scanf ...
jQuery点击图片弹出大图遮罩层
使用jQuery插件HoverTreeShow弹出遮罩层显示大图效果体验:http://hovertree.com/texiao/hovertreeshow/ 在开发HoverTreeTop项目的产 ...
.NE 学习概要
也是个人的学习计划,仅供参考:)
display:none与visible:hidden区别
if(list.style.display=='none'){ list.style.display='block'; }else{ ...
CXF(2.7.10) - Writing a service with Spring
1. 定义服务接口. package com.huey.demo.ws; import javax.jws.WebParam; import javax.jws.WebService; @WebSer ...
InternetOpen怎么使用代理
如果你用IE的默认代理设置:hinternet=InternetOpen(AfxGetAppName(),INTERNET_OPEN_TYPE_PROXY,NULL,NULL,0); 把INTERNE ...
python学习day1--python基础
Python的优缺点先看优点 Python的定位是“优雅”.“明确”.“简单”,所以Python程序看上去总是简单易懂,初学者学Python,不但入门容易,而且将来深入下去,可以编写那些非常非常复杂 ...
Cocos2d-x开发实例介绍特效演示
下面我们通过一个实例介绍几个特效的使用,这个实例下图所示,下图是一个操作菜单场景,选择菜单可以进入到下图动作场景,在下图动作场景中点击Go按钮可以执行我们选择的特性动作,点击Back按钮可以返回到菜单 ...

2016 系统设计第一期 （档案一）MVC form数据提交

2016 系统设计第一期 （档案一）MVC form数据提交的更多相关文章

随机推荐

热门专题

2016 系统设计第一期（档案一）MVC form数据提交

2016 系统设计第一期（档案一）MVC form数据提交的更多相关文章