0

私はここにASP.NET形式のこのコードを持っています

<asp:TextBox ID="BuildingNameTextBox" runat='server' placeholder="Building Name" Text='<%# Bind("BuildingName") %>' />
<asp:TextBox ID="AddressTextBox" runat="server" placeholder="Example: 8th Floor, Sun Life Centre, 5th Avenue corner Rizal Drive, Fort Bonifacio Taguig City" Text='<%# Bind("Address") %>' />
<asp:TextBox ID="CityTextBox" placeholder="Use the autocomplete." runat="server" Text='<%# Bind("City") %>' />
<asp:TextBox ID="RegionTextBox" placeholder="Use the autocomplete." runat="server" Text='<%# Bind("Region") %>' class="subMarkets"/>

そしてjavascriptのこのコード

$("#BuildingNameTextBox").data("holder", $("#BuildingNameTextBox").attr("placeholder"));
            $("input").focusin(function () {
                $(this).attr("placeholder", "");
            });
            $("input").focusout(function () {
                $(this).attr("placeholder", $(this).data("holder"));
            });

javascriptの機能は、テキストボックスにフォーカスがあるときにプレースホルダーを削除し、フォーカスがないときに適切なテキストボックスのテキストを復元することです。後続のテキストボックスに適切なテキストを復元する方法が見つからないようです。

たとえば、Buildingテキストボックスを選択すると、テキストボックスの次のプレースホルダーがBuildingTextBox(Building)のプレースホルダーに置き換えられます。

プレースホルダーを適切なテキストボックスに復元する方法を見つける必要があります。ありがとうございました

4

2 に答える 2

0

入力にフォーカスが移るとすぐにプレースホルダーが削除され、テキストを入力するとプレースホルダーが表示されなくなります。

したがって、「#buildingnametextbox」がフォーカスを失うたびにプレースホルダー値を変更しても、これを使用しないため、役に立たなくなります。そして、ユーザーがフィールドを空のままにすると仮定しましょう...これはプレースホルダーも空にします、そして私はあなたがこれを起こしたくないと思います:)

于 2013-02-01T04:52:46.647 に答える
0

#buildingnametextboxだけでなく、ドキュメントレディで呼び出され、それらすべてにデータを入力するメソッドを追加します。

$("input").each(function () {
    $(this).data("holder", $(this).attr("placeholder"));
});

また

マークアップで、データ値を追加します。

<asp:TextBox ID="BuildingNameTextBox" runat='server' data-holder="Building Name" placeholder="Building Name" Text='<%# Bind("BuildingName") %>' />
<asp:TextBox ID="AddressTextBox" runat="server" data-holder="Example: 8th Floor, Sun Life Centre, 5th Avenue corner Rizal Drive, Fort Bonifacio Taguig City" placeholder="Example: 8th Floor, Sun Life Centre, 5th Avenue corner Rizal Drive, Fort Bonifacio Taguig City" Text='<%# Bind("Address") %>' />
<asp:TextBox ID="CityTextBox" data-holder="Use the autocomplete." placeholder="Use the autocomplete." runat="server" Text='<%# Bind("City") %>' />
<asp:TextBox ID="RegionTextBox" data-holder="Use the autocomplete." placeholder="Use the autocomplete." runat="server" Text='<%# Bind("Region") %>' class="subMarkets"/>
于 2013-02-01T04:26:39.193 に答える