Need help to create a loop for my validation code in ASP.NET

Question

0.00/5 (No votes)

See more:

In my sample code I'm validating 2 radio buttons at a time. I do not want to use a radio button list. I would like to validate this on the client side only. Right now I'm writing a function for each set of buttons. There are only 2 sets of buttons but on my real site I have a lot more. I'm using this code as an example to keep it simple. I would like to use a loop instead of writing a function for each set of buttons. could someone please but this code inside a jQuery loop for each set of buttons.

Thanks for any help

What I have tried:

<%@ Page Title="" Language="C#" MasterPageFile="Site.master" AutoEventWireup="true" CodeFile="PickAllPool_2.aspx.cs" Inherits="PickAllPool_2" %>

<asp:Content ID="HeadContent" ContentPlaceHolderID="head" Runat="Server">
    <script>
         function openModal() {
             $('#myModal').modal({ show: true });
         }
    </script>  
</asp:Content>
<asp:Content ID="BodyContent" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  <div class="poolContainer">
 

<!---------- Pick All Games ---------->

    <div class="row box row-eq-height">
         <div class="col-lg-2 col-md-1 visible-lg visible-md awayBg">Left Col</div>
            <div class="col-lg-8 col-md-10 col-sm-12 col-xs-12 box">
                <div class="row"><br /><br />              
                 <div class="poolHeader col-lg-12 col-md-12 col-sm-12 col-xs-12">
                   <img src="Images/poolHeader.png" />
                 </div>                   
                </div><br />

 <asp:Repeater ID="myRepeater" runat="server">
  <ItemTemplate>  
      
  <!---------- Game 1 ---------->
     
 <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="* Select a Team for this Game" ForeColor="#ff0000" SetFocusOnError="true" /> 
           <div class="row box">
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
               <div class="teamContainer">
                Game 1<span class="teamBgLeft"><img class="helmit" src="Images/team_logos/<%# Eval("T2_logoAway") %>" alt="" />
                <span class="teamText"><%#Eval("GameAway_1")%><h5>(<asp:Label ID="lblGame1AwayWins" runat="server" />-<asp:Label ID="lblGame1AwayLost" runat="server" />) - Away</h5></span></span>
                 <asp:RadioButton ID="AwayGame_1" GroupName="Game_1" Text='<%#Eval("GameAway_1")%>' Font-Size="0" runat="server" TabIndex="12" CssClass="hidden" />
               </div>          
              </label>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
              <div class="teamContainer">
               <asp:RadioButton ID="HomeGame_1" GroupName="Game_1" Text='<%#Eval("GameHome_1")%>' Font-Size="0" runat="server" TabIndex="13" CssClass="hidden" />              
                <span class="teamBgRight"><span class="teamText"><%#Eval("GameHome_1")%><h5>(<asp:Label ID="lblGame1HomeWins" runat="server" />-<asp:Label ID="lblGame1HomeLost" runat="server" />) - Home</h5></span>
                 <img class="helmit" src="Images/team_logos/<%# Eval("T1_logoHome") %>" alt="" />
               </span>
              </div>
             </label>
            </div>
           </div>

        <!---------- Game 2 ---------->
 <asp:CustomValidator ID="CustomValidator2" runat="server" ErrorMessage="* Select a Team for this Game" ForeColor="#ff0000" SetFocusOnError="true" /> 
            <div class="row box">
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
               <div class="teamContainer">
                <span class="teamBgLeft"><img class="helmit" src="Images/team_logos/<%# Eval("T4_logoAway") %>" alt="" />
                 <span class="teamText"><%#Eval("GameAway_2")%><h5>(<asp:Label ID="lblGame2AwayWins" runat="server" />-<asp:Label ID="lblGame2AwayLost" runat="server" />) - away</h5></span></span>
                <asp:RadioButton ID="AwayGame_2" GroupName="Game_2" Text='<%#Eval("GameAway_2")%>' Font-Size="0" runat="server" TabIndex="14" CssClass="hidden" />
               </div>
             </label>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
              <div class="teamContainer">
               <asp:RadioButton ID="HomeGame_2" GroupName="Game_2" Text='<%#Eval("GameHome_2")%>' Font-Size="0" runat="server" TabIndex="15" CssClass="hidden" />
               <span class="teamBgRight"><span class="teamText"><%#Eval("GameHome_2")%><h5>(<asp:Label ID="lblGame2HomeWins" runat="server" />-<asp:Label ID="lblGame2HomeLost" runat="server" />) - home</h5></span>
                <img class="helmit" src="Images/team_logos/<%# Eval("T3_logoHome") %>" alt="" /></span>
              </div>
             </label>
            </div>
           </div>
              
         

 <!---------- Total Points ---------->

      <div class="row row-eq-height">
       <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">            
        <asp:RequiredFieldValidator ID="RequiredFieldValidator99" runat="server" ErrorMessage="Total Points is required" ControlToValidate="txtTotalPointsUser" ForeColor="#ff0000" SetFocusOnError="True" CssClass="errMsg" Display="Dynamic" />       
        <asp:RegularExpressionValidator ID="RegularExpressionValidator99" runat="server" ErrorMessage="Enter numbers only" ControlToValidate="txtTotalPointsUser" ForeColor="#ff0000" ValidationExpression="[0-9]{1,50}" SetFocusOnError="True" CssClass="errMsg" Display="Dynamic" />
        <label class="totalPointsText" for="tieBreaker">Total Points: </label>
       </div>
       <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
        <asp:TextBox ID="txtTotalPointsUser" CssClass="form-control" Type="Integer" runat="server" TabIndex="34" Width="125px" placeholder="Required" />
        </div>
       </div>
      <asp:Label ID="lblWeek" Text='<%#Eval("Week")%>' runat="server" Visible="false" />
 
     <!---------- Confirm Button ---------->
        <div class="row box">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" ><br />
           <asp:Button ID="btnConfirmPicks" runat="server" class="btn btn-success" Width="150px" Height="35px" Text="Confirm Picks" CausesValidation="True"  TabIndex="35" OnClick="btnConfirmPicks_Click" />
         </div> 
        </div>
</ItemTemplate>  
</asp:Repeater>
  
       
          </div><!-- End Of Middle Column -->
         <div class="col-lg-2 col-md-1 visible-lg visible-md homeBg">Right Col</div>
        </div><!-- End Main Row --> 
      </div><!-- end of Pool Container -->

    <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
<!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <h4 class="modal-title"><asp:Label ID="lblWeek" Text='<%#Eval("Week")%>' runat="server" /></h4>
        </div>
        <div class="modal-body">
            <label class="labelModalInfo">Name:</label> <asp:Label ID="lblFullName" runat="server" /><br />
            <label class="labelModalInfo">Text #:</label> <asp:Label ID="lblText" runat="server" /><br />
            <label class="labelModalInfo">Referred By:</label> <asp:Label ID="lblReferredBy" runat="server" /><br />
            <hr />
            <div class="row">
                <div class="col-md-4">                   
                    <asp:Label ID="lbl_Thursday" runat="server" Text="Thursday. " /><asp:Label ID="lblThursdayGame" runat="server" /><br /> 
                    <asp:Label ID="lbl_Turkey1" runat="server" Text="Thanksgiving 1. " /><asp:Label ID="lblTurkeyGame1" runat="server" /><br />    
                    <asp:Label ID="lbl_Turkey2" runat="server" Text="Thanksgiving 2. " /><asp:Label ID="lblTurkeyGame2" runat="server" /><br />  
                    <asp:Label ID="lbl_Turkey3" runat="server" Text="Thanksgiving 3. " /><asp:Label ID="lblTurkeyGame3" runat="server" /><br /> 
                    <asp:Label ID="lbl_Sat1" runat="server" Text="Saturday 1. " /><asp:Label ID="lblSatGame1" runat="server" /><br />
                    <asp:Label ID="lbl_Sat2" runat="server" Text="Saturday 2. " /><asp:Label ID="lblSatGame2" runat="server" /><br /> 
                    <asp:Label ID="lbl_Sat3" runat="server" Text="Saturday 3. " /><asp:Label ID="lblSatGame3" runat="server" /><br />
                    <asp:Label ID="lbl_morning" runat="server" Text="Morning. " /><asp:Label ID="lblMorningGame" runat="server" /><br /> 
                                    
                </div>
                 <div class="col-md-4">
                      1. <asp:Label ID="lblGame1" runat="server" /><br />
                      2. <asp:Label ID="lblGame2" runat="server" /><br />
                      3. <asp:Label ID="lblGame3" runat="server" /><br />
                      4. <asp:Label ID="lblGame4" runat="server" /><br />
                      5. <asp:Label ID="lblGame5" runat="server" /><br />   
                      6. <asp:Label ID="lblGame6" runat="server" /><br />
                      7. <asp:Label ID="lblGame7" runat="server" /><br />
                      8. <asp:Label ID="lblGame8" runat="server" /><br />
                      9. <asp:Label ID="lblGame9" runat="server" /><br />  
                      <asp:Label ID="lbl_10" runat="server" Text="10. " /><asp:Label ID="lblGame10" runat="server" /><br />                   
                </div>
                 <div class="col-md-4">                   
                   <asp:Label ID="lbl_11" runat="server" Text="11. " /><asp:Label ID="lblGame11" runat="server" /><br />
                   <asp:Label ID="lbl_12" runat="server" Text="12. " /><asp:Label ID="lblGame12" runat="server" /><br />
                   <asp:Label ID="lbl_13" runat="server" Text="13. " /><asp:Label ID="lblGame13" runat="server" /><br />
                   <asp:Label ID="lbl_14" runat="server" Text="14. " /><asp:Label ID="lblGame14" runat="server" /><br /> 
                   <asp:Label ID="lbl_15" runat="server" Text="15. " /><asp:Label ID="lblGame15" runat="server" /><br />    
                   <asp:Label ID="lbl_16" runat="server" Text="16. " /><asp:Label ID="lblGame16" runat="server" /><br /> 
                   <asp:Label ID="lbl_17" runat="server" Text="17. " /><asp:Label ID="lblGame17" runat="server" /><br />         
                </div>
                </div>
        <div class="row">
            <hr />
             <div class="col-md-12">
                 <center>Monday Night 1: <asp:Label ID="lblMondayNight1" runat="server" /> <asp:Label ID="lblTotalPointsUser" runat="server" /> pts</center><br />
                 <center>Monday Night 2: <asp:Label ID="lblMondayNight2" runat="server" />
            </div>
             </div>
        </div>
        <div class="modal-footer">
            <div class="container-fluid">
<%--            <div class="col-xs-4 col-lg-4"><asp:Button ID="btnSubmit" runat="server" class="btn btn-success" Text="Submit" OnClick="btnSubmit_Click" /></div>--%>
            <div class="col-xs-4 col-lg-4"><button type="button" class="btn btn-primary" data-dismiss="modal">Edit</button></div>
            <div class="col-xs-4 col-lg-4"><asp:Button ID="btnCancel" runat="server" class="btn btn-danger" Text="Cancel" OnClick="btnCancel_Cancel" /></div>
        </div>
      </div>
     </div> 
    </div>
  </div>


<script type="text/javascript">
     function ValidateRadioButton(sender, args) {
    var repeater = document.getElementById("<%= myRepeater.ClientID %>");
    var items = repeater.getElementsByTagName('input');
    for (var i = 0; i < items.length; i++) {
        if (items[i].type == "radio") {
            if (items[i].checked) {
                args.IsValid = true;
                return;
            }
            else {
                args.IsValid = false;
            }
        }
    }
}

    </script>
</asp:Content>

Posted 31-Mar-19 13:51pm

Commish13

Updated 3-Apr-19 2:27am

v3

Add a Solution

3 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Vincent Maverick Durano · Answer 1 · 2019-04-01T09:36:00

Solution 1

You can try either of these options (Untested):

1. Using JavaScript

JavaScript

function ValidateRadioButton(sender, args)   
{  
    var repeater = document.getElementById("<%= YourRepeaterID.ClientID %>");  
    var items = repeater.getElementsByTagName('input');  
    for (var i = 0; i < items.length; i++)   
    {  
        if (items[i].type == "radio")   
        {  
            if (items[i].checked)   
            {  
                args.IsValid = true;  
                return;  
            }  
            else   
            {  
                args.IsValid = false;  
            }  
        }  
    }  
}

2. Using jQuery

JavaScript

function ValidateRadioButton(sender, args)   
{  
	$(':input').each(function () {
    		var $e = $(this);
    		if(($e.is(':radio')) && $e.prop('checked')) {
      			args.IsValid = true;  
                	return;  
    		} else {
      			args.IsValid = false;  
    		}
  	}); 

}

You can then call the function ValidateRadioButton() in your CustomValidatior like this:

ASP.NET

<asp:customvalidator id="CustomValidator2" runat="server" errormessage="Selection is required" clientvalidationfunction="ValidateRadioButton"/>

Posted 1-Apr-19 9:36am

Vincent Maverick Durano

Updated 2-Apr-19 5:45am

v2

Comments

Commish13 1-Apr-19 18:00pm

Thank you. The jQuery code doesn't work. Also on the JavaScript code when neither option in selected the error displays(Good!) But If only 1 option is chosen the error does not display for the remaining the option not selected. Could this be change to look for any option not selected?

Vincent Maverick Durano 1-Apr-19 18:05pm

1. Could you provide the error you get when using jQuery?
2. You may need to check for the GroupName since you were grouping them.

Commish13 2-Apr-19 11:18am

I'm not getting a error message. Also, I didn't think it was going to make a difference but it does. I have my radio buttons inside a repeater. So the JavaScript code works good outside the repeater but not inside. Should I re-post my question to include the code inside my repeater?

Vincent Maverick Durano 2-Apr-19 11:38am

You should have mentioned that in the first place. Dealing with controls inside a databound control such as a Repeater is different as you have to traverse it it's repeater items before accessing the actual controls.

Vincent Maverick Durano 2-Apr-19 11:45am

I've updated the solution for the JavaScript. Try that instead.

Commish13 2-Apr-19 13:46pm

No luck. I changed YourRepeaterID to myRepeater and no error message displays

Vincent Maverick Durano 2-Apr-19 14:43pm

Update your code (ASPX markup) that includes the Repeater control. I want to see how it is being nested.

Commish13 2-Apr-19 18:43pm

I put my full code up in solution 3 area

Vincent Maverick Durano 2-Apr-19 22:26pm

Don't put your code in Solution. Instead update your original post.

Commish13 3-Apr-19 8:28am

Ok. I updated my original post

Vincent Maverick Durano 3-Apr-19 14:18pm

have you tried the jQuery approach? Using jQuery selectors should allow you to easily find elements within the DOM.

Anyway try to do an alert for this:

var repeater = document.getElementById("<%= myRepeater.ClientID %>");
alert(repeater);

Commish13 3-Apr-19 17:23pm

When I put the alert on the JavaScript code the error message say's 'NULL'

When I use the jQuery code the error messages display even when the radio button is checked

Vincent Maverick Durano 3-Apr-19 17:33pm

That's odd. Try to set a class name for your Repeater. For example:

<asp:repeater id="myRepeater" runat="server" cssclass="myRepeater">

then use the following to reference your repeater:

var repeater = $(".myRepeater");

Commish13 3-Apr-19 17:43pm

Repeater won't let me put Class in it

Vincent Maverick Durano 4-Apr-19 12:42pm

You should be able to set a class name for your Repeater.

Commish13 3-Apr-19 19:17pm

I found out what is causing the issue. Whenever I use any 1 of your codes with a aspx.page that has a master page attached to it, the validation doesn't work. Whenever I use it on a page without a master page the validation works fine. Do you have any suggests why that is. I did some reverse engineering and made 2 new pages. 1 with just the radio buttons and a blank master page and the code didn't work. I just wanted to make sure nothing on my original master page was causing the problem. It seems that any master page causes this problem.

Vincent Maverick Durano 4-Apr-19 12:49pm

Can try moving your JavaScript code within the HeadContent section of your master page and see if that works.

Commish13 4-Apr-19 13:25pm

When I look at the page source it changes my GroupName to ctl00$ContentPlaceHolder1$Game_1 and even though I try to use that in my script it still does not work correctly. Just to let you know I tried what you suggested but no luck. I tried it in every location I could think of

Vincent Maverick Durano 4-Apr-19 14:28pm

That's normal since you are working with WebForms. ASP.NET WebForms generates the client IDs based on it's naming container. I don't think that causes the issue.

Commish13 4-Apr-19 14:20pm

I'll try to post this issue as a new question. Thanks for your help

Vincent Maverick Durano 4-Apr-19 14:28pm

No problem. Feel free to close this thread if you want to open a new question. Thank you :)

Commish13 · Answer 2 · 2019-04-02T09:17:00

<asp:repeater id="myRepeater" runat="server">
<itemtemplate>

<asp:radiobutton id="radBears" runat="server" text="Bears" groupname="Game1" cssclass="rnd">
<asp:radiobutton id="radRaiders" runat="server" text="Raiders" groupname="Game1" cssclass="rnd">
<asp:customvalidator id="CustomValidator1" runat="server" errormessage="Selection is required" clientvalidationfunction="ValidateRadioButtons1">

<asp:radiobutton id="radChargers" runat="server" text="Chargers" groupname="Game2" cssclass="rnd">
<asp:radiobutton id="radCowboys" runat="server" text="Cowboys" groupname="Game2" cssclass="rnd">
<asp:customvalidator id="CustomValidator2" runat="server" errormessage="Selection is required" clientvalidationfunction="ValidateRadioButtons2">

<asp:button id="btnConfirmPicks" runat="server" class="btn btn-success" width="150px" height="35px" text="Confirm Picks" causesvalidation="True" tabindex="35" onclick="btnConfirmPicks_Click">

Commish13 · Answer 3 · 2019-04-02T09:38:00

<%@ Page Title="" Language="C#" MasterPageFile="Site.master" AutoEventWireup="true" CodeFile="PickAllPool_2.aspx.cs" Inherits="PickAllPool_2" %>

<asp:Content ID="HeadContent" ContentPlaceHolderID="head" Runat="Server">
    <script>
         function openModal() {
             $('#myModal').modal({ show: true });
         }
    </script>  
</asp:Content>
<asp:Content ID="BodyContent" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  <div class="poolContainer">
 

<!---------- Pick All Games ---------->

    <div class="row box row-eq-height">
         <div class="col-lg-2 col-md-1 visible-lg visible-md awayBg">Left Col</div>
            <div class="col-lg-8 col-md-10 col-sm-12 col-xs-12 box">
                <div class="row"><br /><br />              
                 <div class="poolHeader col-lg-12 col-md-12 col-sm-12 col-xs-12">
                   <img src="Images/poolHeader.png" />
                 </div>                   
                </div><br />

 <asp:Repeater ID="myRepeater" runat="server">
  <ItemTemplate>  
      
  <!---------- Game 1 ---------->
     
 <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="* Select a Team for this Game" ForeColor="#ff0000" SetFocusOnError="true" /> 
           <div class="row box">
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
               <div class="teamContainer">
                Game 1<span class="teamBgLeft"><img class="helmit" src="Images/team_logos/<%# Eval("T2_logoAway") %>" alt="" />
                <span class="teamText"><%#Eval("GameAway_1")%><h5>(<asp:Label ID="lblGame1AwayWins" runat="server" />-<asp:Label ID="lblGame1AwayLost" runat="server" />) - Away</h5></span></span>
                 <asp:RadioButton ID="AwayGame_1" GroupName="Game_1" Text='<%#Eval("GameAway_1")%>' Font-Size="0" runat="server" TabIndex="12" CssClass="hidden" />
               </div>          
              </label>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
              <div class="teamContainer">
               <asp:RadioButton ID="HomeGame_1" GroupName="Game_1" Text='<%#Eval("GameHome_1")%>' Font-Size="0" runat="server" TabIndex="13" CssClass="hidden" />              
                <span class="teamBgRight"><span class="teamText"><%#Eval("GameHome_1")%><h5>(<asp:Label ID="lblGame1HomeWins" runat="server" />-<asp:Label ID="lblGame1HomeLost" runat="server" />) - Home</h5></span>
                 <img class="helmit" src="Images/team_logos/<%# Eval("T1_logoHome") %>" alt="" />
               </span>
              </div>
             </label>
            </div>
           </div>

        <!---------- Game 2 ---------->
 <asp:CustomValidator ID="CustomValidator2" runat="server" ErrorMessage="* Select a Team for this Game" ForeColor="#ff0000" SetFocusOnError="true" /> 
            <div class="row box">
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
               <div class="teamContainer">
                <span class="teamBgLeft"><img class="helmit" src="Images/team_logos/<%# Eval("T4_logoAway") %>" alt="" />
                 <span class="teamText"><%#Eval("GameAway_2")%><h5>(<asp:Label ID="lblGame2AwayWins" runat="server" />-<asp:Label ID="lblGame2AwayLost" runat="server" />) - away</h5></span></span>
                <asp:RadioButton ID="AwayGame_2" GroupName="Game_2" Text='<%#Eval("GameAway_2")%>' Font-Size="0" runat="server" TabIndex="14" CssClass="hidden" />
               </div>
             </label>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <label class="teamBtn">
              <div class="teamContainer">
               <asp:RadioButton ID="HomeGame_2" GroupName="Game_2" Text='<%#Eval("GameHome_2")%>' Font-Size="0" runat="server" TabIndex="15" CssClass="hidden" />
               <span class="teamBgRight"><span class="teamText"><%#Eval("GameHome_2")%><h5>(<asp:Label ID="lblGame2HomeWins" runat="server" />-<asp:Label ID="lblGame2HomeLost" runat="server" />) - home</h5></span>
                <img class="helmit" src="Images/team_logos/<%# Eval("T3_logoHome") %>" alt="" /></span>
              </div>
             </label>
            </div>
           </div>
              
         

 <!---------- Total Points ---------->

      <div class="row row-eq-height">
       <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">            
        <asp:RequiredFieldValidator ID="RequiredFieldValidator99" runat="server" ErrorMessage="Total Points is required" ControlToValidate="txtTotalPointsUser" ForeColor="#ff0000" SetFocusOnError="True" CssClass="errMsg" Display="Dynamic" />       
        <asp:RegularExpressionValidator ID="RegularExpressionValidator99" runat="server" ErrorMessage="Enter numbers only" ControlToValidate="txtTotalPointsUser" ForeColor="#ff0000" ValidationExpression="[0-9]{1,50}" SetFocusOnError="True" CssClass="errMsg" Display="Dynamic" />
        <label class="totalPointsText" for="tieBreaker">Total Points: </label>
       </div>
       <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
        <asp:TextBox ID="txtTotalPointsUser" CssClass="form-control" Type="Integer" runat="server" TabIndex="34" Width="125px" placeholder="Required" />
        </div>
       </div>
      <asp:Label ID="lblWeek" Text='<%#Eval("Week")%>' runat="server" Visible="false" />
 
     <!---------- Confirm Button ---------->
        <div class="row box">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" ><br />
           <asp:Button ID="btnConfirmPicks" runat="server" class="btn btn-success" Width="150px" Height="35px" Text="Confirm Picks" CausesValidation="True"  TabIndex="35" OnClick="btnConfirmPicks_Click" />
         </div> 
        </div>
</ItemTemplate>  
</asp:Repeater>
  
       
          </div><!-- End Of Middle Column -->
         <div class="col-lg-2 col-md-1 visible-lg visible-md homeBg">Right Col</div>
        </div><!-- End Main Row --> 
      </div><!-- end of Pool Container -->

    <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
<!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <h4 class="modal-title"><asp:Label ID="lblWeek" Text='<%#Eval("Week")%>' runat="server" /></h4>
        </div>
        <div class="modal-body">
            <label class="labelModalInfo">Name:</label> <asp:Label ID="lblFullName" runat="server" /><br />
            <label class="labelModalInfo">Text #:</label> <asp:Label ID="lblText" runat="server" /><br />
            <label class="labelModalInfo">Referred By:</label> <asp:Label ID="lblReferredBy" runat="server" /><br />
            <hr />
            <div class="row">
                <div class="col-md-4">                   
                    <asp:Label ID="lbl_Thursday" runat="server" Text="Thursday. " /><asp:Label ID="lblThursdayGame" runat="server" /><br /> 
                    <asp:Label ID="lbl_Turkey1" runat="server" Text="Thanksgiving 1. " /><asp:Label ID="lblTurkeyGame1" runat="server" /><br />    
                    <asp:Label ID="lbl_Turkey2" runat="server" Text="Thanksgiving 2. " /><asp:Label ID="lblTurkeyGame2" runat="server" /><br />  
                    <asp:Label ID="lbl_Turkey3" runat="server" Text="Thanksgiving 3. " /><asp:Label ID="lblTurkeyGame3" runat="server" /><br /> 
                    <asp:Label ID="lbl_Sat1" runat="server" Text="Saturday 1. " /><asp:Label ID="lblSatGame1" runat="server" /><br />
                    <asp:Label ID="lbl_Sat2" runat="server" Text="Saturday 2. " /><asp:Label ID="lblSatGame2" runat="server" /><br /> 
                    <asp:Label ID="lbl_Sat3" runat="server" Text="Saturday 3. " /><asp:Label ID="lblSatGame3" runat="server" /><br />
                    <asp:Label ID="lbl_morning" runat="server" Text="Morning. " /><asp:Label ID="lblMorningGame" runat="server" /><br /> 
                                    
                </div>
                 <div class="col-md-4">
                      1. <asp:Label ID="lblGame1" runat="server" /><br />
                      2. <asp:Label ID="lblGame2" runat="server" /><br />
                      3. <asp:Label ID="lblGame3" runat="server" /><br />
                      4. <asp:Label ID="lblGame4" runat="server" /><br />
                      5. <asp:Label ID="lblGame5" runat="server" /><br />   
                      6. <asp:Label ID="lblGame6" runat="server" /><br />
                      7. <asp:Label ID="lblGame7" runat="server" /><br />
                      8. <asp:Label ID="lblGame8" runat="server" /><br />
                      9. <asp:Label ID="lblGame9" runat="server" /><br />  
                      <asp:Label ID="lbl_10" runat="server" Text="10. " /><asp:Label ID="lblGame10" runat="server" /><br />                   
                </div>
                 <div class="col-md-4">                   
                   <asp:Label ID="lbl_11" runat="server" Text="11. " /><asp:Label ID="lblGame11" runat="server" /><br />
                   <asp:Label ID="lbl_12" runat="server" Text="12. " /><asp:Label ID="lblGame12" runat="server" /><br />
                   <asp:Label ID="lbl_13" runat="server" Text="13. " /><asp:Label ID="lblGame13" runat="server" /><br />
                   <asp:Label ID="lbl_14" runat="server" Text="14. " /><asp:Label ID="lblGame14" runat="server" /><br /> 
                   <asp:Label ID="lbl_15" runat="server" Text="15. " /><asp:Label ID="lblGame15" runat="server" /><br />    
                   <asp:Label ID="lbl_16" runat="server" Text="16. " /><asp:Label ID="lblGame16" runat="server" /><br /> 
                   <asp:Label ID="lbl_17" runat="server" Text="17. " /><asp:Label ID="lblGame17" runat="server" /><br />         
                </div>
                </div>
        <div class="row">
            <hr />
             <div class="col-md-12">
                 <center>Monday Night 1: <asp:Label ID="lblMondayNight1" runat="server" /> <asp:Label ID="lblTotalPointsUser" runat="server" /> pts</center><br />
                 <center>Monday Night 2: <asp:Label ID="lblMondayNight2" runat="server" />
            </div>
             </div>
        </div>
        <div class="modal-footer">
            <div class="container-fluid">
<%--            <div class="col-xs-4 col-lg-4"><asp:Button ID="btnSubmit" runat="server" class="btn btn-success" Text="Submit" OnClick="btnSubmit_Click" /></div>--%>
            <div class="col-xs-4 col-lg-4"><button type="button" class="btn btn-primary" data-dismiss="modal">Edit</button></div>
            <div class="col-xs-4 col-lg-4"><asp:Button ID="btnCancel" runat="server" class="btn btn-danger" Text="Cancel" OnClick="btnCancel_Cancel" /></div>
        </div>
      </div>
     </div> 
    </div>
  </div>


<script type="text/javascript">
     function ValidateRadioButton(sender, args) {
    var repeater = document.getElementById("<%= myRepeater.ClientID %>");
    var items = repeater.getElementsByTagName('input');
    for (var i = 0; i < items.length; i++) {
        if (items[i].type == "radio") {
            if (items[i].checked) {
                args.IsValid = true;
                return;
            }
            else {
                args.IsValid = false;
            }
        }
    }
}

    </script>
</asp:Content>

Need help to create a loop for my validation code in ASP.NET

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Need help to create a loop for my validation code in ASP.NET

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us