0

iframe を含む親ページ(testFrame.aspx)があります。

iframe は、AsyncFileUpload コントロール (ajaxcontroltoolkit ) を含む aspx フォーム ( form.aspx) です。
フォームには、テキスト ボックスと必須フィールド バリデータが含まれています。Codebehind では、ユーザーがテキスト ボックスにテキストを入力したかどうかを確認し、そうでない場合はエラー メッセージを表示します
。bt_Send

ここで、親フォームをテストし、テキストを入力して [送信] をクリックすると、フィードバック メッセージ (テキスト ボックスに入力したテキスト) が表示されます。
テキストを入力せずに送信をクリックすると、エラー メッセージが表示されます。

テキストを入力せずに、AsyncFileUpload を使用してファイルをアップロードすると、奇妙なことが起こります。
「送信」をクリックすると、エラー メッセージが表示される代わりに、親ページ (target="_top" など) の外側にある form.aspx にリダイレクトされますが、エラー メッセージは表示されません。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>&nbsp;&nbsp;
        <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>
&nbsp;<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";
            }
        }
    }
}
4

1 に答える 1

1

さて、私は私の質問に対する答えを見つけたと思います。

ファイルがアップロードされ、フィールドが有効でない (または必須フィールドにテキストがない) 場合に問題が発生します。

問題はポストバックで発生します。だから私がしたことは、次を使用してクライアント側の検証を実装することですEnableClientScript="true":

<asp:RequiredFieldValidator runat="server" ID="rfvFirstName" ControlToValidate="txtFirstName" Display="None" EnableClientScript="true" />

クライアント側の検証では、すべての必須フィールドが正しく入力されていない限り、ポストバックはありません。

これが私の同じ問題を抱えている人々に役立つことを願っています。

于 2011-05-11T12:13:10.277 に答える