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 相关文章推荐
jQuery 源码分析笔记(5) jQuery.support
Jun 19 Javascript
node.js中的http.response.end方法使用说明
Dec 14 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
Dec 03 Javascript
使用vuex解决刷新页面state数据消失的问题记录
May 08 Javascript
vue elementUI 表单校验功能之数组多层嵌套
Jun 04 Javascript
通过原生vue添加滚动加载更多功能
Nov 21 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 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中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
php从身份证获取性别和出生年月
2017/02/09 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
javascript学习之闭包分析
2010/12/02 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
Angular的$http与$location
2016/12/26 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
使用mint-ui开发项目的一些心得(分享)
2017/09/07 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python类属性的延迟计算
2016/10/22 Python
如何在python中使用selenium的示例
2017/12/26 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
六行python代码的爱心曲线详解
2019/05/17 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
Python 窗体(tkinter)下拉列表框(Combobox)实例
2020/03/04 Python
Python如何操作docker redis过程解析
2020/08/10 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
英国最大的户外商店:Go Outdoors
2019/04/17 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
八年级英语教学反思
2014/01/09 职场文书
2014春晚主持词
2014/03/25 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电