一个form表单有两个按钮,分别提交到不同的页面

一时失言乱红尘 2024-04-18 12:05 60阅读 0赞

# 一个form表单有两个按钮，分别提交到不同的页面 #

### html页面： ###

<div>
        <h3>静态资源管理</h3>
    </div>
    <div>
        <div class="bjui-searchBar">
            <span style="font-size: 14px; padding: 3px;font-weight: 300"> 文件名称： </span>
            <input type="text" class="input-nm" value="${staticResourceFile.fileName!}" readonly size="50" data-rule="required;length(1~128)">
        </div>
        <div class="bjui-searchBar">
            <form action="" name="upload" enctype="multipart/form-data" method="post">
                <span style="font-size: 14px; padding: 3px;font-weight: 300"> 当前目录： </span>
                <input type="text" id="currentPath" name="currentPath" value="${staticResourceFile.parentPath!}" size="50" data-rule="required;length(1~128)">
                <input type="file" name="files" value="" id="file" multiple><span>当前支持格式为：jpg,png,css,js,mp4(50M以内)</span>
                <br>
                <input type="hidden" id="filePath" name="filePath" value="${staticResourceFile.filePath!}">
                <button type="button" class="btn-blue" value="确定" onclick="confirmSubmit()">确定</button>
                <button type="button" class="btn-red" value="删除" onclick="confirmDelete()">删除</button>
            </form>
    
        </div>
    </div>

### 第一种方案：js写法： ###

### 第二种方案：js写法 ###

### 第三种方案：form自带属性 ###

**在form属性位置action填写默认的提交路由，在下面formaction里面填写另一个需要提交的地址。**

<div>
        <h3>静态资源管理</h3>
    </div>
    <div>
        <div class="bjui-searchBar">
            <span style="font-size: 14px; padding: 3px;font-weight: 300"> 文件名称： </span>
            <input type="text" class="input-nm" value="${staticResourceFile.fileName!}" readonly size="50" data-rule="required;length(1~128)">
        </div>
        <div class="bjui-searchBar">
            <form action="{:url('${ctxPath}/staticResource/upload')}" name="upload" enctype="multipart/form-data" method="post">
                <span style="font-size: 14px; padding: 3px;font-weight: 300"> 当前目录： </span>
                <input type="text" id="currentPath" name="currentPath" value="${staticResourceFile.parentPath!}" size="50" data-rule="required;length(1~128)">
                <input type="file" name="files" value="" id="file" multiple><span>当前支持格式为：jpg,png,css,js,mp4(50M以内)</span>
                <br>
                <input type="hidden" id="filePath" name="filePath" value="${staticResourceFile.filePath!}">
                <input type="submit" class="btn-blue" value="确定" onclick="confirmSubmit()">确定</input>
                <input type="submit" class="btn-red" value="删除" formaction="{:url('${ctxPath}/staticResource/delete')}">删除</input>
            </form>
        </div>
    </div>