我有一个包含 iframe的父页面(testFrame.aspx) 。
iframe 是一个带有 AsyncFileUpload 控件 (ajaxcontroltoolkit)的 aspx 表单( form.aspx)。
该表单包含一个文本框和一个必填字段验证器。
在bt_Send
Codebehind 中,我检查用户是否在文本框中输入了文本,如果没有,则显示错误消息。
现在,如果我测试我的父表单并输入文本并单击“发送”,我会看到我的反馈消息(我在文本框中输入的文本)。
如果我不输入文本并单击发送,则会收到错误消息。
现在发生了奇怪的事情:如果我不输入文本,但我使用 AsyncFileUpload 上传了一个文件。
我单击“发送”,而不是收到错误消息,而是重定向到我的父页面之外的 form.aspx(如 target="_top"),没有错误消息。我只是在 iframe 中不再看到干净的表单。
我不想要那个。我希望表单保留在我的父页面中
testForm.aspx 看起来像这样:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
This is a container page. The following is inside an iframe:
<br />
<iframe src="form.aspx" width="800px" height="400px"></iframe>
</div>
</form>
</body>
</html>
form.aspx 看起来像这样:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="form.aspx.cs" Inherits="TestToolkit.form" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Test Form</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="lblFirstName" runat="server" Text="First Name"></asp:Label>
<asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox>
<br /><br />
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
Upload picture: <asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" ClientIDMode="AutoID" />
<div id="uploadOk" style="position: relative; left: 330px; bottom: 40px; width:0px; height:0px; display: none;"><asp:Image ID="imgOk" ImageUrl="_img/check-mark-40.png" runat="server" style="" AlternateText="Erledigt!" /></div>
<br /><br />
<asp:Button ID="btSend" runat="server" onclick="btSend_Click" Text="Send" />
<br /><br />
<asp:Label ID="lblFeedback" runat="server"></asp:Label>
<asp:RequiredFieldValidator runat="server" ID="rfvFirstName" ControlToValidate="txtFirstName" Display="None" EnableClientScript="false" />
</div>
</form>
</body>
</html>
以及 form.aspx.cs 背后的代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace TestToolkit
{
public partial class form : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btSend_Click(object sender, EventArgs e)
{
//ShowOrRemoveErrors();
if (IsValid)
{
lblFeedback.Text = txtFirstName.Text;
}
else
{
lblFeedback.Text = "Please enter your name";
}
}
}
}