onsubmit事件可以在页面提交之前将图像插入页面吗？

Question

在页面提交/转移控件到下一页之前，onsubmit事件是否可以在页面中插入图像？

我正在使用经典的asp。

Answer 1

当然。该函数在提交表单之前解析。

（虽然......虽然img元素可能会被插入到页面中，但是在浏览器转到下一个之前它可能无法加载，即使这样，用户可能也没有时间清楚地看到它）

Answer 2

是的。您可以插入HTML代码（通过javascript）：

<img src="imgsrc">

但加载图片需要一点时间。表单将用户发送到新窗口或同一窗口中的另一个页面？如果页面将替换为新页面，您为什么要在当前窗口中插入图像？

Answer 3

是的，你可以这样做。如果你使用jquery，那将会更容易（对我而言）：

HTML：

<form id="myForm" action="">
    <input type="text" id="someId" />
    <input type="submit" id="submit" value="submit" />
</form>

然后JavaScript将是：

$(document).ready(function() {
    $("#myForm").submit(function() {
        $(this).append('<img src="someImage.jpg" alt="" />');
    });
});

http://jsfiddle.net/rYUbQ/

但是，正如其他人所说，在表单提交之前可能没有加载和显示，所以你可能想要预先加载图像，然后在页面提交之前将其设置为可见。