JavaScript-ASP.net-遍歷ASP面板上的所有控件

Question

我有什么辦法也可以循環遍歷asp.net面板上的所有控件，對於每個控件，請檢查其類型以查看其是否為TimeTime類型的asp類型？

JS基本上需要復制此服務器端VB.net代碼

 'this is checking that something has been entered into at least one of the time input boxes
Protected Sub valCusAllTextBox_ServerValidate(ByVal source As Object, ByVal args As System.Web.UI.WebControls.ServerValidateEventArgs) Handles valCusAllTextBox.ServerValidate
    'When the Save or Submit button is clicked the Page.IsValid() command causes the "valCusAllTextBox" custom validator control
    '(which was dragged on to the page) to call this event - where we do our customised error checking
    args.IsValid = False        'args.IsValid is a system function
    'check all controls within the Overtime Claim panel
    For Each ctrl As Control In pnlOvertimeClaim.Controls
        If TypeOf ctrl Is TimeInput Then
            If CType(ctrl, TimeInput).TimeInMinutes <> 0 Then
                args.IsValid = True
                Exit For
            End If
        End If
    Next
    If txtOnCallAllow.Text.Trim() <> "" Then
        args.IsValid = True
    End If
    If txtMealAllow.Text.Trim() <> "" Then
        args.IsValid = True
    End If
End Sub

Answer 1

您可以使用此腳本從面板中找到特定控件，將腳本放在頁面末尾，

<script type="text/javascript" language="javascript">
var pnl = document.getElementById('pnl')
var array = pnl.getElementsByTagName("a");
for (var n = 0; n < array.length; ++n) {
    alert("anchor");
}
var array = pnl.getElementsByTagName("img");
for (var n = 0; n < array.length; ++n) {
    alert("Image");
}

像這樣的面板，您想迭代特定的控件。

<asp:Panel runat="server" ID="pnl">
        <a id="sd" href=""></a>
        <img src="" />
        <a id="A1" href=""></a>
    </asp:Panel>