jquery提交表单，典型应用

最新推荐文章于 2020-12-05 09:23:32 发布

bangyou

最新推荐文章于 2020-12-05 09:23:32 发布

阅读量69

点赞数

分类专栏： Javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/bangyou/article/details/84264278

版权

Javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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">&nbsp;</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>

bangyou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery提交表单，典型应用

&lt;script type ="text/javascript" src ="../js/jquery.js"&gt;&lt;/script&gt; //必须要引用 &lt;script type ="text/javascript" src ="../js/jquery.form.js"&gt;&lt;/script&gt; //必须要引用
复制链接

扫一扫

专栏目录