submit提交表单不跳转页面,及刷新页面

复制代码
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="./jquery-1.8.2.min.js"></script>
<!-- <script type="text/javascript" src="./jquery.uploadifive.min.js"></script>
<link rel="stylesheet" type="text/css" href="./uploadifive.css" /> -->
<title>终止申请表单</title>
</head>
<style>
td{
width: 180px;
}
</style>
<body>
    <table>
        <tr>
            <td>申报号:</td>
            <td><%=projid%></td>
        </tr>
        <tr>
            <td>模板下载:</td>
            <td> <a href="<%=templatePath%>" download="终止申请书"  target="_blank">申请表</a> </td>
        </tr>
        <tr>
            <td>上传附件:</td>
            <%
                if(downloadPath!=null&&!downloadPath.equals("")){
            %>
                <td> <a href="<%=downloadPath%>" target="_blank">下载已上传文件</a> </td>
            <% 
                }else{
            %>
            <td>
                 <form id="form1" target="framName" action="/was/zzsb/uploadZzsbFile.action" method="post" enctype="multipart/form-data"  >
                         <input type="hidden" name="belongTo" value="${nodeAttr_three.unid}"/>
                         <input type="hidden" name="projid" value="<%=projid%>"/>
                         <input type="file" name="file"/>
                         <input type="submit" value="上传" /> 
                  </form>
                <div  >
                    <iframe id="myiframe" src="" name="framName" style="display: none;"></iframe>
                </div>
            </td>
            <% 
                }
            %>
        </tr>
    </table>
</body>
</html>
    <script type="text/javascript">
        var myiframe = 'myiframe';
        jQuery(function() {
            jQuery('#form1').submit(function() {
                var $_this = jQuery(this);
                $_this.attr('action', '/was/zzsb/uploadZzsbFile.action');

                //TODO 根据实际情况添加验证规则
                return verify_works_publish_form();
            });
            
            iframe = document.getElementById(myiframe);
            if (iframe.attachEvent) {
                //兼容IE
                iframe.attachEvent("onload", function() {
                    iframe_loaded();
                });
            } else {
                // ff, chrome
                iframe.onload = function() {
                    iframe_loaded();
                };
            }
        });

        function iframe_loaded() {
            window.location.reload();
        }

        /**
         * 验证表单 
         * 
         * @access public
         * @return void
         */
        function verify_works_publish_form() {
            return true;
        }
    </script>
复制代码
download="终止申请书" 这个属性是下载文件重命名的(只有谷歌、火狐等浏览器支持);
posted @   孤狼奋战  阅读(935)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示