0

Web サイトに登録する際に、新規ユーザーのユーザー ID の可用性チェックを作成しようとしています。

私のコードは次のようになります。

<table>
    <tr>
        <td>
            <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                <ProgressTemplate>
                    <asp:Image ID="Image1" runat="server" Height="23px" ImageUrl="~/Images/x_mark_red.png" Width="24px" />
                </ProgressTemplate>
            </asp:UpdateProgress>
            <asp:Button ID="Button2" runat="server" Text="Check" OnClick="Button2_Click" />
        </td>
    </tr>
</table>

画像の URL を変更する C# コードを作成したいと考えています。これは、画像を回転から緑のチェック マークまたは赤の X マークに変更するためのものです。

アイデアはありますか？

よろしくお願いします

4

2 に答える 2

0

チェックボタンのクリックでユーザーの可用性をチェックする場合は、Button2_Click ハンドラーに次のコードを記述します。

if (UserIdIsAvailable()) // your check for user id availability here
{
  Image1.ImageUrl = "~/Images/available.png";
}

また、Page_Load で ImageUrl を上書きしないようにしてください。

ajax リクエストを使用してクライアントでユーザーの可用性を確認している場合は、javascript を使用してイメージを変更する必要があります。

于 2013-03-24T08:54:11.720 に答える
0

まず、実際の ID チェックが完了する前に、Image1 の URL を空白に設定します。したがって、次のような行があります。

<asp:Image ID="Image1" runat="server" Height="23px" ImageUrl="" Width="24px" />

次に、コード ビハインドでイベント ハンドラーを定義して作業を行い、画像の URL を更新できます。

public void Button2_Click(object sender, EventArgs e)
{
   bool isIdAvailable = SomeFunction() - Do whatever you need to determine whether userId is available.

   Image1.ImageUrl = (isIdAvailable) ? 
      "~/Images/green-check-mark.png" : "~/Images/x_mark_red.png";
}
于 2013-03-24T08:51:55.410 に答える