1

我有一个带有可编辑字段和几个必填字段的页面。问题是，每当我单击按钮激活可编辑字段以进行更改或应用/取消这些更改时，它都会导致我的 Javascript 再次触发，从而将另一个“必填字段”指示器附加到我的必填字段。我希望指示器仅在第一次加载时附加，并且不受界面上单击的按钮的影响。我怎样才能做到这一点？我相信我的 Javascript“if”语句只需要正确的条件，但不知道那可能是什么。我已经研究过了，结果很干。

这是我的标记。您可以放心地忽略整个UpdatePanel区域。您唯一需要知道的是，其中的按钮会导致每次单击时 Javascript 再次运行。

谢谢！;)

<asp:Content runat="server" ContentPlaceHolderID="HeadContent">
    <script type="text/javascript">
        function contentPageLoad() {
            // Add "Required Field" Indicators
            if (/*NEED CONDITION*/) {
                $("h4.required").append(" <span class=\"r\">*</span>");
            }
        }
    </script>
</asp:Content>
<asp:Content runat="server" ContentPlaceHolderID="MainContent">
    <!-- This is an updatable textfield. -->
    <!-- PROBLEM!: LinkButtons here cause the double firing of the javascript above. -->
    <!-- Remember that "ChildrenAsTriggers" defaults to True for UpdatePanel. -->
    <asp:UpdatePanel ID="RequestorNameUpdatePanel" runat="server">
    <ContentTemplate>
    <asp:MultiView ID="RequestorName_mv" runat="server" ActiveViewIndex="0">
        <asp:View ID="RequestorNameNormalView" runat="server">
            <div class="rightCol">
                <asp:LinkButton ID="editRequestorName" runat="server" />
                <h6 class="inlineH">Requestor's Name: <asp:Label ID="RequestorName_lbl" runat="server"></asp:Label></h6>
            </div>
        </asp:View>
        <asp:View ID="RequestorNameEditView" runat="server">
            <div class="rightCol">
                <asp:LinkButton ID="updateRequestorName" runat="server" />
                <asp:LinkButton ID="cancelRequestorName" runat="server" />
                <h6 class="inlineH">Requestor's Name: </h6>
                <asp:DropDownList ID="RequestorName_ddl" runat="server" ViewStateMode="Inherit" AutoPostBack="False" ></asp:DropDownList>
                <asp:TextBox ID="RequestorName_cb" runat="server" EnableViewState="True" AutoPostBack="False"></asp:TextBox>
                <button id="RequestorName_btn" type="button" class="toggle ui-button"></button>
            </div>
        </asp:View>
    </asp:MultiView>
    </ContentTemplate>
    </asp:UpdatePanel>

    <!-- "REQUIRED" indicator from javascript appended here -->
    <h4 class="required">First Name</h4>
    <asp:TextBox ID="tbFirstName" runat="server"></asp:TextBox>
</asp:Content>
4

1 回答 1

1

将此代码放在准备好的文档上。

$(document).ready(function() {
  $("h4.required").append(" <span class=\"r\">*</span>");
});

然后在您的更新面板加载时不会调用它。

于 2012-08-01T18:14:46.333 回答