jQuery表单提交form方式
<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" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td width="30%" runat="server" Text="确定" Css/>
<input type="reset" value="还原" />
</td>
</tr>
</table>
<span id="Tip"></span>
</div>
</form>
</body>