Question

我正在开发一个ASP.Net MVC应用程序，我的表单包含一个文件上传HTML元素和一个提交按钮。当用户第一次进入视图时，我有javascript代码自动触发文件上传HTML元素上的click事件，因此用户不必自己按下按钮。这是为了方便和我想要它的方式，但是当我触发按钮时自动点击它会导致以下问题：我必须按两次“提交”按钮才能提交表单。第一次按下清除文件上传HTML元素中的文本，第二次按下提交表单。任何人都可以解释为什么会发生这种情况以及我怎么能不这样做呢？

注意：表单被明确设置为不使用Ajax，因为我正在上传图像，根据我的理解，您无法通过Ajax上传图像，因此我在表单HTML属性中使用data-ajax =“false”将其关闭。将此设置为false与我遇到的问题有关。如果我通过ajax提交，我只需要按一下提交按钮。如果我不使用ajax，我需要按两次。

以下是显示问题的基本代码：

@Using Html.BeginForm("Document", "NewDocument", Model, FormMethod.Post, New With {.enctype = "multipart/form-data", .data_ajax = "false", .id="submitimage-form"})

@<input type="file" id="fileInput" name="fileInput" style="visibility:hidden;" />   

@<input type="submit" id="accept2" value="Accept" data-mini="true" data-theme="b" data-icon="check"/>
End Using

<script>

// Do once after DOM is loaded for the page
$(document).bind("pageinit", function () {
    $("#fileInput").click();
});

</script>

表单提交问题

0 个答案: