jQuery表单提交form方式

最新推荐文章于 2023-12-29 17:34:19 发布
最新推荐文章于 2023-12-29 17:34:19 发布
阅读量177 收藏
点赞数
分类专栏： JAVA 文章标签： jQuery ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stevenbill/article/details/83835082
版权
<script type ="text/javascript" src ="../js/jquery.js"></script> //必须要引用
<script type ="text/javascript" src ="../js/jquery.form.js"></script> //必须要引用
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function()
{
$('#Tip').hide();//显示操作提示的元素不可见
$('#form1').submit(function()//提交表单
{
//alert("ddd");
var options = {
target:'#Tip', //后台将把传递过来的值赋给该元素
url:'ReturnVisit.aspx?flag=do', //提交给哪个执行
type:'POST',
success: function(){ alert($('#Tip').text());} //显示操作提示
};
$('#form1').ajaxSubmit(options);
return false; //为了不刷新页面,返回false，反正都已经在后台执行完了，没事！

});
}
);
</script>
<body>
<form id="form1" runat="server">
<div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" class="tableCategory">客户回访</td>
</tr>
<tr>
<td width="30%" class="tableBg1">客户名称：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_CorpName" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1">回访主题：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_ReturnVisitTitle" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1">联系人：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_ContractPerson" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1">联系人职务：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_ContractPersonPosition" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1">联系电话：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_ContractPhone" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1">回访时间：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_ReturnVisitDate" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1">回访内容：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_ReturnVisitContent" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1">回访相关文档：</td>
<td class="tableBg2">
<asp:TextBox ID="txtF_ReturnVisitFile" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" class="tableBg1"> </td>
<td class="tableBg2">
<asp:Button ID="Submit_BT" runat="server" Text="确定" CssClass="button" />
<input type="reset" class="button" value="还原" />
</td>
</tr>
</table>
<span id="Tip"></span>
</div>
</form>
</body>
stevenbill
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现表格嵌套表单
旧器去重
07-19 1638
&lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="utf-8"&gt;         &lt;title&gt;bootstrap&lt;/title&gt;         &lt;script src="jquery-2.1.1.min.js"&g
jQuery的表单验证
weixin_65795413的博客
03-24 666
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #myform label.error{ color: red; font-size: 14px;...
jquery之form表单操作
weixin_67271870的博客
11-06 1573
下面所有操作以上面的代码为例。
Jquery 之ajax 提交form表单数据的方法
u014265398的博客
11-12 1722
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一.form表单提交数组数据1.jquery提交form表单2.引入jquery.form.js总结 前言 <font color=#999AAA 学习提交数组数据到后台的方法 提示：以下是本篇文章正文内容，下面案例可供参考 一.form表单提交数组数据 1.jquery提交form表单 <form id='form'> <input type='text' name='port[]' val
jquery form表单提交
qq_33745371的博客
02-26 9913
使用jquery 进行form表单提交 文章目录使用jquery 进行form表单提交先上结果：代码html代码 ---index.htmljs代码---index.js代码用到的jquery.js、select2的css和js在我项目里面有下载地址 我这里使用了多选框（传输到后端时，用对象接收，里面有个属性是list） 如果暂时不会的话，可以看这篇博文—select2 单选框实现多选功能 先上结果： 代码 html代码 —index.html <!DOCTYPE html> <htm
jQuery里的表单提交和Ajax
weixin_64042638的博客
02-01 217
同步：相当于是客户端发送请求给服务器，在等待服务器端做相应的请求时，客户端不做任何事情，服务端做完之后返回客户端。(要等到服务器做完，客户端才能做)异步：相当于是客户端发送请求给服务器，在等待服务器端i相应的请求时，客户端可以做其他事情，这样节约时间，提高效率。xmlhttp.open("get","url地址","true)radio、checkbox:要写value值。get请求：地址栏受限制，不安全。同步是阻塞模式，异步是非阻塞模式。post请求：反之。
Jquery通过Ajax方式来提交Form表单的具体实现
10-26
提交Form表单的方法有很多，在本文为大家介绍下Jquery通过Ajax方式是如何提交Form表单的
jQuery ajax提交Form表单实例(附demo源码)
10-22
主要介绍了jQuery ajax提交Form表单的方法,结合实例分析了jQuery ajax操作实现表单提交的相关技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
jquery动态改变form属性提交表单
10-25
在js中动态改变form的属性，满足不同条件的form提交需求，下面有个不错的示例，大家可以参考下
jquery.form提交方式
04-19
NULL 博文链接：https://meng-sicheng.iteye.com/blog/1874375
jquery 绑定 form表单数据
10-13
jquery插件 利用json 绑定 form 表单数据
jquery提交form表单简单示例分享
10-26
主要介绍了jquery提交form表单示例,需要的朋友可以参考下
使用jquery提交form表单并自定义action的方法
10-22
这在某些场景下是非常有用的，例如当您希望在保持POST提交方式的同时，动态地根据用户输入或程序逻辑改变请求的URL。 首先，让我们分析给出的代码片段： ```html <form id="SearchForm" name="SearchForm" method=...
jQuery中form表单的基本使用
qq_36507046的博客
07-30 6026
本节内容主要介绍了jQuery中form表单的基本使用，同时附上了相应的的评论列表案例。
jquery ajax提交formdata数据
twins3520的博客
05-28 1610
方法发送 POST 请求，并将表单数据（包括文件）作为数据发送到服务器。，以便正确处理表单数据和文件。最后，在成功和错误的回调函数中，您可以执行您需要的操作。在这个例子中，我们使用了 jQuery 的。表单数据和文件上传到服务器。
使用jquery.form.js插件通过ajax异步提交表单数据并上传文件
fenyu8的专栏
12-29 833
使用jquery.form.js插件通过ajax异步提交表单数据并上传文件
jquery模拟form表单提交并新打开页面
weixin_30618985的博客
06-29 332
/** * form表单提交本页面打开 * @param url * @param params */ function postCurrent(url,params){ var form = $("<form method='post'></form>"); var input; form.attr({"action":...
磁力链磁力链磁力链.txt
最新发布
07-22
磁力链
jquery 提交form表单
05-23
可以使用 jQuery 的 `submit()` 方法来提交表单。以下是一个简单的示例： ```html <form id="myForm" action="submit.php" method="post"> 请输入用户名"> 请输入密码"> 提交 </form> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值