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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
jQuery动态创建html元素的常用方法汇总
Sep 05 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
Jun 03 Javascript
Bootstrap登陆注册页面开发教程
Jul 12 Javascript
js获取时间函数及扩展函数的方法
Oct 30 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
Javascript中的async awai的用法
May 17 Javascript
vue-resource + json-server模拟数据的方法
Nov 02 Javascript
javascript实现blob加密视频源地址的方法
Aug 08 Javascript
vue props 单项数据流实例分享
Feb 16 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
PHP+APACHE实现网址伪静态
2015/02/22 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
JS比较2个日期间隔的示例代码
2014/04/15 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
2016/06/25 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
Node连接mysql数据库方法介绍
2017/02/07 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
JS计算距当前时间的时间差实例
2017/12/29 Javascript
js实现简单选项卡功能
2020/03/23 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
用python 批量更改图像尺寸到统一大小的方法
2018/03/31 Python
python 为什么说eval要慎用
2019/03/26 Python
python正则过滤字母、中文、数字及特殊字符方法详解
2020/02/11 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
Python中Qslider控件实操详解
2021/02/20 Python
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
完美主义个人的自我评价
2014/02/17 职场文书
教师节活动主持词
2014/04/02 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
美术指导助理求职信
2014/04/20 职场文书
2014组织生活会方案
2014/05/19 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL
css弧边选项卡的项目实践
2023/05/07 HTML / CSS