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阻止后续事件只执行第一个事件
Jul 24 Javascript
28个常用JavaScript方法集锦
Jan 14 Javascript
理解javascript异步编程
Jan 27 Javascript
js检查是否关闭浏览器的方法
Aug 02 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
原生JavaScript实现remove()和recover()功能示例
Jul 24 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
Vue.js中的组件系统
May 30 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
Feb 10 Javascript
js实现全选和全不选功能
Jul 28 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
Aug 14 Javascript
浅谈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
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
php gzip压缩输出的实现方法
2013/04/27 PHP
获取PHP警告错误信息的解决方法
2013/06/03 PHP
PHP常用技术文之文件操作和目录操作总结
2014/09/27 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
jQuery 获取URL参数的插件
2010/03/04 Javascript
JSON相关知识汇总
2015/07/03 Javascript
jQuery取消特定的click事件
2016/02/29 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
2018/01/11 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
Vue页面骨架屏注入方法
2018/05/13 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
Python创建系统目录的方法
2015/03/11 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
美国孩之宝玩具官网:Hasbro Pulse
2019/06/24 全球购物
请说出这段代码执行后a和b的值分别是多少
2015/03/28 面试题
J2EE相关知识面试题
2013/08/26 面试题
咨询公司各岗位职责
2013/12/02 职场文书
教师年度考核自我鉴定
2014/01/19 职场文书
社会学专业求职信
2014/07/17 职场文书
十佳党员事迹材料
2014/08/28 职场文书
单位实习鉴定评语
2015/01/04 职场文书
学习雷锋精神倡议书
2015/04/27 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书
Python爬虫基础讲解之请求
2021/05/13 Python
Java基于字符界面的简易收银台
2021/06/26 Java/Android
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python