首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

jQuery表单交付form方式

2012-12-19 
jQuery表单提交form方式script type text/javascript src ../js/jquery.js/script //必须要引用

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>

热点排行