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 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
基于JQuery的动态删除Table表格的行和列的代码
May 12 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
jQuery Ajax全解析
Feb 13 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
老生常谈JavaScript面向对象基础与this指向问题
Oct 16 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
关于Vue的路由权限管理的示例代码
Mar 06 Javascript
vue.js与后台数据交互的实例讲解
Aug 08 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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
phpMyAdmin 链接表的附加功能尚未激活的问题
2010/08/01 PHP
用Php编写注册后Email激活验证的实例代码
2013/03/11 PHP
PHP不用递归实现无限分级的例子分享
2014/04/18 PHP
php发送与接收流文件的方法
2015/02/11 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
2019/01/18 jQuery
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
python机器学习实战之K均值聚类
2017/12/20 Python
破解安装Pycharm的方法
2018/10/19 Python
python样条插值的实现代码
2018/12/17 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
python中turtle库的简单使用教程
2020/11/11 Python
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
求职简历自我评价范例
2014/03/12 职场文书
《沉香救母》教学反思
2014/04/19 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
婚育证明格式
2015/06/17 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
用Python爬取某乎手机APP数据
2021/06/15 Python
PYTHON基于Pyecharts绘制常见的直角坐标系图表
2022/04/28 Python