mvc中form表单提交的三种方式(推荐)
更新时间:2016年08月10日 10:15:44 投稿:mrr
本文给大家分享mvc中form表单提交的三种方式,分别是submit 按钮 提交方式,$("#dataform").ajaxSubmit() 提交方式,post 提交方式,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧
第一种方式: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表单提交的三种方式(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
js中toString()函数与valueOf()函数使用与区别
在等于运算符中,如果比较的内容包含对象类型数据,则会涉及隐式转换,那么就会调用toString()函数和valueOf()函数,本文主要介绍了 js中toString()函数与valueOf()函数使用与区别,感兴趣的可以了解一下2022-04-04
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
IFrame高度的设置问题一直都是前端的噩梦而且还要兼容各主流浏览器更是难上加难了,下面与大家分享下一个不错的技巧,感兴趣的你可以参考下哈2013-06-06
JavaScript实现树的遍历算法示例【广度优先与深度优先】
这篇文章主要介绍了JavaScript实现树的遍历算法,结合实例形式分析了javascript针对树结构的广度优先遍历与深度优先遍历实现方法,需要的朋友可以参考下2017-10-10


最新评论