2011-10-31 39 views
2

ポップアップボックスにエラーメッセージを表示する方法はありますか?私はAsp.Net(C#)を使用しています。注文が間違っていた場合は、私たちのウェブページにエラーメッセージが表示されます。今、私たちは何らかのポップアップメソッド(おそらくAjax?)を使用してそのようにできるようにしたいと考えています。エラーメッセージを表示するために文字列値を取ることができるはずです。Asp.Netポップアップエラーメッセージ

+0

注文が正しく行われると、ユーザーには何が表示されますか? –

+0

「注文していただきありがとうございました....」などの新しいページが表示されます。 –

+0

注文が失敗した場合は、注文ページに保管したり、新しいページに誘導したりしますか? –

答えて

4

簡単な方法として、alert("your error message")を含むスクリプトブロックを作成することができます。あなたのウェブサイトの残りの部分としてポップアップを表示したい場合は、エラーメッセージをdiv要素にレンダリングし、jQuery dialogを使用してページ内のモーダルダイアログとして表示することができます。

+0

条件付きでC#を使用して表示することはできますか? Xならば "警告を表示する"? –

+1

@OhMisterRabbitこれはコードビハインドから行うことができます: 'Page.ClientScript.RegisterStartupScript(this.GetType()、" myalert "、" alert( '注文処理中に問題がありました); "、真);' – Icarus

1

あなたはこのような単純なJavaScriptでこれを行うことができます...

alert("my error message"); 

Hereが、私はこの自分自身を達成するためのAjaxを使用しているJavaScriptの

2

を使用しての詳細情報です。

ModalPopupExtenderを使用し、PopupControlIDをAspパネルに設定すると、通常、これをユーザーコントロールに入れて、Webサイトから簡単に使用できるようにします。ただし、以下の

は私が現在に設定しているスクリプトマネージャでいくつかのエラーを、持っていたとして、それが正常に動作し得るまでに時間がかかるん

<div class="modalPopupAlign"> 
    <asp:LinkButton ID="lnkConfirm" Style="display: none;" CausesValidation="false" runat="server" PostBackUrl="#">Confirm</asp:LinkButton> 
    <ajax:ModalPopupExtender ID="lnkConfirm_ModalPopupExtender" runat="server" TargetControlID="lnkConfirm" PopupControlID="pnlConfirmation" BackgroundCssClass="modalBackground" DropShadow="true" RepositionMode="None"> 
    </ajax:ModalPopupExtender> 
    <div id="pnlConfirmation" class="modalPopup" style="display: none;"> 
     <br /> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
       <div class="modalPopupContainerAlign"> 
        <div> 
         <asp:Image ID="imgIcon" CssClass="modalPopupImage" runat="server" /> 
         <asp:Label ID="lblMessage" CssClass="modalPopupMessage" runat="server"></asp:Label> 
         <div class="modalPopupTextbox"><asp:TextBox ID="txtValue" Width="200px" MaxLength="100" Visible="false" runat="server"></asp:TextBox></div> 

         <asp:Button ID="btnAction" runat="server" CausesValidation="false" CssClass="defaultButton" Text="OK" /> 

        </div> 
       </div> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 
</div> 

asp.netコードのスニペットですマスターページ

ちょうど向こう方向を与えるかもしれません、そして、CSSはメッセージボックスの形と色を助けることができます。

これはいくつかの面で複雑な方法ですが、多くの用途があります。

+1

+1 ModalPopupExtenderのために。 MVCとjQueryに移行する前に大きな成功を収めました。 –

関連する問題