Javascript 如何在单击提交和同时调用servlet时显示隐藏的div字段

我创建了一个jsp（upload.jsp）页面来上传文件。当我单击submit时，它将调用servlet并读取文件内容。另一个jsp页面（比如filecontent.jsp）用于显示内容。我正在upload.jsp中使用

插入filecontent.jsp。它是隐藏的。我真正想要的是，当我单击upload时，它应该调用servlet，然后在同一页面中显示iframe，这样我就可以显示文件内容

这是我的jsp页面

<form class="form-horizontal" name="regist" action="Registration" onsubmit="return validateFile(this)" enctype="multipart/form-data"
            method="post">

            <div class="control-group" class="span12">
                <label class="control-label" for="file">Please upload a
                    file:</label>
                <div class="controls">
                    <input type="file" name="file"/>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">


                    <button type="submit" class="btn btn-primary">Upload</button>
                </div>
            </div>
        </form>
    </div>
    <div id="showFrames" class="hidden">
<iframe src="filecontent.jsp" width="700" height="800"></iframe>
</div>

请上传一个
文件：
上传

这是我的剧本

<script>
function validateFile(form) {
    var fileName = form.file.value;
    if (!fileName) {
        alert("No File Selected!!!");
        return false;
    }
    else
    {
        $("#showFrames").show();

    }
}
</script>

函数validateFile（表单）{
var fileName=form.file.value；
如果（！fileName）{
警告（“未选择任何文件！！！”；
返回false；
}
其他的
{
$（“#showFrames”）.show（）；
}
}

但它不起作用。当我点击上传时，它不会显示画面。

---

错误是什么？我该怎么办？

如果要在iframe中显示注册请求的响应，必须将该iframe设置为表单的目标：

---

和

您似乎在使用jQuery选择器？jQuery是否已加载

如果您的class.hidden{display:none；}包含以下内容，则可以使用VanillaJS：

function validateFile( form )
{
    var fileName = form.file.value;

    if (!fileName)
    {
        alert("No File Selected!!!");
        return false;
    }
    else
    {
        document.getElementById( "showFrames" ).style.display = "block";
    }
}

非常感谢。但是如果我想显示多个i帧呢？多个i帧中的一个响应？或者iframe 1中第一个请求的响应，iframe 2中第二个请求的响应，等等。？还是别的什么？