mvc中form表单提交的三种方式(推荐)


Posted in Javascript onAugust 10, 2016

第一种方式:submit 按钮 提交

<form action="MyDemand" method="post">
<span>关键字:</span>
<input name="keywords" type="text" value="@keywords" />
<input type="submit" value="搜索" />
</form>

第二种方式: $("#dataform").ajaxSubmit() 提交

<form id="dataform" action="UpdateUserInfo" enctype="multipart/form-data" method="post">
<table style="width:100%;border:0;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="40">名字:</td>
<td><input type="text" name="nvc_name" id="nvc_name" value="@Model.nvc_name" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="保存" id="btnsubmit" />
</td>
</tr>
</tbody>
</table>
</form>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="http://malsup.github.io/jquery.form.js"></script> //ajaxForm 依赖脚本
<script type="text/javascript">
$(document).ready(function () {
$("#btnsubmit").click(function () {if ($("[name=‘nvc_name‘]").val() == "") {
alert("请填写名字");
$("[name=‘nvc_name‘]").focus();
return;
}
$("#dataform").ajaxSubmit(function (r) {
alert(r.Msg);
if (r.success) {
location.reload();
}
})
})
});
</script>

第三种方式:post 提交

<table style="width:100%;border:0px;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="15%" align="right">手机号:</td>
<td><input type="text"placeholder="请输入手机号" id="nvc_user_name"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="保存" id="btnsubmit" />
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
$(function () {
$("#btnsubmit").click(function () {
var nvc_user_name = document.getElementById(‘nvc_user_name‘);
$.post(‘/Interface/ModefiyPwd‘, {
nvc_user_name: nvc_user_name.value,
}, function (data) {
if (data.success) {
$("#successdiv").show();
$("#editdiv").hide();
}
else {
layer.msg(data.Msg);
}
});
});
})
</script>

以上所述是小编给大家介绍的mvc中form表单提交的三种方式(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript学习笔记记录我的旅程
May 23 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
node.js中的path.join方法使用说明
Dec 08 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
May 06 Javascript
bootstrap模态框消失问题的解决方法
Dec 02 Javascript
自制简易打赏功能的实例
Sep 02 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
JavaScript根据json生成html表格的示例代码
Oct 24 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
浅谈JS运算符&amp;&amp;和|| 及其优先级
Aug 10 #Javascript
浅谈jQuery中的checkbox问题
Aug 10 #Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 #Javascript
Three.js学习之网格
Aug 10 #Javascript
js 将图片连接转换成base64格式的简单实例
Aug 10 #Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 #Javascript
最棒的Angular2表格控件
Aug 10 #Javascript
You might like
PHP+AJAX实现无刷新注册(带用户名实时检测)
2007/01/02 PHP
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
PHP图片处理之使用imagecopyresampled函数裁剪图片例子
2014/11/19 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
ExtJs中gridpanel分组后组名排序实例代码
2013/12/02 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
NodeJS连接MongoDB数据库时报错的快速解决方法
2016/05/13 NodeJs
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
深入理解node.js http模块
2018/01/24 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
Python操作Access数据库基本步骤分析
2016/09/19 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
基于YUV 数据格式详解及python实现方式
2019/12/09 Python
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
什么是SCM(软件配置管理)
2014/08/16 面试题
应届生骨科医生求职信
2013/10/31 职场文书
保护地球的标语
2014/06/17 职场文书
2014年中秋寄语
2014/08/11 职场文书
2015届大学生就业推荐表自我评价
2014/09/27 职场文书
个人自查自纠材料
2014/10/14 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书