what is parse error in update panel - javascript

Server Error in '/' Application.
Parser Error
Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.
Parser Error Message: Type 'System.Web.UI.UpdatePanel' does not have a public property named 'script'.
<!--modal start-->
<div class="modal fade" id="Addmodal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
X
<h4 class="modal-title" style="color:red">Add</h4>
</div>
<div class="auto-style10" style="margin-top:11px; margin-bottom:7px;">
<p><u>Don't Leave Empty Field Please Fill 'N.A' There !! <b> : </b></u><br /><br />
</p>
<table style="float:right;">
<tr>
<td class="table">
<asp:Label ID="Label20" runat="server" Text="Date"></asp:Label>
</td>
<td class="table">
<asp:TextBox ID="TextBox1" runat="server" ReadOnly="true"></asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender0" PopupButtonID="TextBox1" runat="server" TargetControlID="TextBox1" Format="dd/MM/yyyy">
</cc1:CalendarExtender>
<%-- <asp:TextBox ID="dtpTransDate" runat="server" Width="90px"></asp:TextBox>
<asp1:CalendarExtender ID="dtpTransDate_CalendarExtender" runat="server" Enabled="True" Format="dd/MM/yyyy" TargetControlID="dtpTransDate">
</asp1:CalendarExtender>--%>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label21" runat="server" Text="Start Time"></asp:Label>
</td>
<td>
<asp:DropDownList ID="dllstarttime" runat="server" Style="font-family: Verdana; font-size: xx-small"
Width="150px" CssClass="dropdown">
<asp:ListItem Text="0:00" Selected="True"></asp:ListItem>
<asp:ListItem Text="7:00"></asp:ListItem>
<asp:ListItem Text="7:30"></asp:ListItem>
<asp:ListItem Text="8:00"></asp:ListItem>
<asp:ListItem Text="8:30"></asp:ListItem>
<asp:ListItem Text="9:00"></asp:ListItem>
<asp:ListItem Text="9:30"></asp:ListItem>
<asp:ListItem Text="10:00"></asp:ListItem>
<asp:ListItem Text="10:30"></asp:ListItem>
<asp:ListItem Text="11:00"></asp:ListItem>
<asp:ListItem Text="11:30"></asp:ListItem>
<asp:ListItem Text="12:00"></asp:ListItem>
<asp:ListItem Text="12:30"></asp:ListItem>
<asp:ListItem Text="13:00"></asp:ListItem>
<asp:ListItem Text="13:30"></asp:ListItem>
<asp:ListItem Text="14:00"></asp:ListItem>
<asp:ListItem Text="14:30"></asp:ListItem>
<asp:ListItem Text="15:00"></asp:ListItem>
<asp:ListItem Text="15:30"></asp:ListItem>
<asp:ListItem Text="16:00"></asp:ListItem>
<asp:ListItem Text="16:30"></asp:ListItem>
<asp:ListItem Text="17:00"></asp:ListItem>
<asp:ListItem Text="17:30"></asp:ListItem>
<asp:ListItem Text="18:00"></asp:ListItem>
<asp:ListItem Text="18:30"></asp:ListItem>
<asp:ListItem Text="19:00"></asp:ListItem>
<asp:ListItem Text="19:30"></asp:ListItem>
<asp:ListItem Text="20:00"></asp:ListItem>
<asp:ListItem Text="20:30"></asp:ListItem>
<asp:ListItem Text="21:00"></asp:ListItem>
<asp:ListItem Text="21:30"></asp:ListItem>
<asp:ListItem Text="22:00"></asp:ListItem>
<asp:ListItem Text="22:30"></asp:ListItem>
<asp:ListItem Text="23:00"></asp:ListItem>
</asp:DropDownList>
<asp:TextBox ID="txtday" runat="server" AutoPostBack="True" Visible="False"></asp:TextBox>
<%-- <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="dllstarttime"
ErrorMessage="*" InitialValue="0:00" ValidationGroup="s+u" ForeColor="#FF0066"></asp:RequiredFieldValidator>--%>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label22" runat="server" Text="End Time"></asp:Label>
</td>
<td>
<asp:DropDownList ID="ddlendtime" runat="server" Style="font-family: Verdana; font-size: xx-small"
Width="150px" CssClass="dropdown">
<asp:ListItem Text="0:00" Selected="True"></asp:ListItem>
<asp:ListItem Text="7:00"></asp:ListItem>
<asp:ListItem Text="7:30"></asp:ListItem>
<asp:ListItem Text="8:00"></asp:ListItem>
<asp:ListItem Text="8:30"></asp:ListItem>
<asp:ListItem Text="9:00"></asp:ListItem>
<asp:ListItem Text="9:30"></asp:ListItem>
<asp:ListItem Text="10:00"></asp:ListItem>
<asp:ListItem Text="10:30"></asp:ListItem>
<asp:ListItem Text="11:00"></asp:ListItem>
<asp:ListItem Text="11:30"></asp:ListItem>
<asp:ListItem Text="12:00"></asp:ListItem>
<asp:ListItem Text="12:30"></asp:ListItem>
<asp:ListItem Text="13:00"></asp:ListItem>
<asp:ListItem Text="13:30"></asp:ListItem>
<asp:ListItem Text="14:00"></asp:ListItem>
<asp:ListItem Text="14:30"></asp:ListItem>
<asp:ListItem Text="15:00"></asp:ListItem>
<asp:ListItem Text="15:30"></asp:ListItem>
<asp:ListItem Text="16:00"></asp:ListItem>
<asp:ListItem Text="16:30"></asp:ListItem>
<asp:ListItem Text="17:00"></asp:ListItem>
<asp:ListItem Text="17:30"></asp:ListItem>
<asp:ListItem Text="18:00"></asp:ListItem>
<asp:ListItem Text="18:30"></asp:ListItem>
<asp:ListItem Text="19:00"></asp:ListItem>
<asp:ListItem Text="19:30"></asp:ListItem>
<asp:ListItem Text="20:00"></asp:ListItem>
<asp:ListItem Text="20:30"></asp:ListItem>
<asp:ListItem Text="21:00"></asp:ListItem>
<asp:ListItem Text="21:30"></asp:ListItem>
<asp:ListItem Text="22:00"></asp:ListItem>
<asp:ListItem Text="22:30"></asp:ListItem>
<asp:ListItem Text="23:00"></asp:ListItem>
</asp:DropDownList>
<%--<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="ddlendtime"
ErrorMessage="*" InitialValue="0:00" ValidationGroup="s+u" ForeColor="#FF0066"></asp:RequiredFieldValidator>--%>
<asp:Label ID="lblhrs" runat="server" Visible="False"></asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label5" text-align="Right" runat="server" Text="ID"></asp:Label>
</td>
<td>
<asp:Label ID="lblid" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label19" runat="server" Text="Comname"></asp:Label>
</td>
<td>
<asp:DropDownList ID="rldlstcomname" runat="server" AutoPostBack="True" OnSelectedIndexChanged="rldlstcomname_SelectedIndexChanged"
CssClass="dropdown">
<asp:ListItem Text="<-Select->" Selected="True"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="rldlstcomname"
ErrorMessage="*" InitialValue="<-Select->" ValidationGroup="s+u" ForeColor="#FF0066"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label18" runat="server" Text="Brand_Name"></asp:Label>
</td>
<td>
<asp:DropDownList ID="rldlstbrand" runat="server" CssClass="dropdown" AutoPostBack="True"
OnSelectedIndexChanged="rldlstbrand_SelectedIndexChanged">
<asp:ListItem Text="<-Select->" Selected="True"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label6" runat="server" Text="Zone"></asp:Label>
</td>
<td>
<asp:DropDownList ID="ddlZone" runat="server" CssClass="dropdown" OnSelectedIndexChanged="ddlZone_SelectedIndexChanged"
AutoPostBack="True">
<asp:ListItem Text="<-Select->" Selected="True"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="ddlZone"
ErrorMessage="*" InitialValue="<-Select->" ValidationGroup="s+u" ForeColor="#FF0066"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label8" runat="server" Text="Location"></asp:Label>
</td>
<td>
<asp:DropDownList ID="ddllocation" runat="server" CssClass="dropdown" OnSelectedIndexChanged="ddllocation_SelectedIndexChanged">
<asp:ListItem Text="<-Select->" Selected="True"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label1" runat="server" Text="Program"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtprogram" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label7" runat="server" Text="Venue Name"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtVenueName" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label9" runat="server" Text="Venue"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtvenue" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label10" runat="server" Text="VenueEmail"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtvenueEmail" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label11" runat="server" Text="VenueMobile"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtvenuemob" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label12" runat="server" Text="VenueContactPerson"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtconperson" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label13" runat="server" Text="AddtionalName"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtAddname" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label14" runat="server" Text="AddtionalMobile"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtAddmob" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label15" runat="server" Text="VenueVendorEmail"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtvenuevendoremail" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label16" runat="server" Text="VenueVendorMobile"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtvenuevendormob" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label17" runat="server" Text="VenueVendorName"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtvenuevendorname" runat="server" CssClass="textbox"></asp:TextBox>
</td>
</tr>
<tr>
<td><asp:Button ID="deletebtn" runat="server" CssClass="btn btn-link" Text="Yes" Width="153px" Visible="false"/></td>
<td><asp:Button ID="btnno" runat="server" CssClass="btn btn-link" Text="No" Width="153px" Visible="false"/></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!--modal end-->
</asp:UpdatePanel>
Need the answer as soon as possible
thanks in advance

From my past experience, all HTML tags and other editor server controls that work inside UpdatePanel must be enclosed by ContentTemplate property tag:
<asp:UpdatePanel ID="UpdPanel" runat="server">
<ContentTemplate>
<div class="modal fade" id="Addmodal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
X
<h4 class="modal-title" style="color:red">Add</h4>
</div>
<div class="auto-style10" style="margin-top:11px; margin-bottom:7px;">
<p><u>Don't Leave Empty Field Please Fill 'N.A' There !! <b> : </b></u><br /><br />
</p>
<table style="float:right;">
<%-- simplified for brevity --%>
</table>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
If you have ScriptManager tag before UpdatePanel, make sure UpdatePanel placed outside the tag, since you should not put any tags inside ScriptManager control.

Related

How to make bootstrap datetimepicker in table(in modal) show when the content behind has a scrollbar

I am unable to get my bootstrap datetimepicker to show properly in this table. I can tell the scrollbar in the table behind is the culprit any work around?Datetime Picker Position Image
This is the JS function where I put the widget positioning:
$(function () {
$('#datetimepickerCreationDate').datetimepicker({
format: 'DD-MMM-YYYY',
widgetPositioning: {
horizontal: 'left',
vertical: 'bottom'
}
});
});
And I've placed the td cell position to relative:
<style>
.table > tbody > tr > td, .table > tfoot > tr > td, .table > tfoot > tr > th{
position: relative !important;
border-top: none !important;
}<style>
This is the modal markup with the datetimepicker:
<div id="FilterModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-md">
<div class="modal-content">
<asp:UpdatePanel ID="updateFilterModal" runat="server">
<ContentTemplate>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Filter Settings</h4>
</div>
<%-- modal-header--%>
<div class="modal-body">
<table id="tblFilterSettings" runat="server" class="table table-striped">
<thead>
<tr>
<th>Property
</th>
<th>Operator
</th>
<th>Value
</th>
</tr>
</thead>
<tbody>
<tr>
<td>Contractor Name
</td>
<td>
<asp:DropDownList ID="cboContractorNameOperator" runat="server" CssClass="form-control" ToolTip="Contractor Name Operator">
<asp:ListItem Value="=">Equals</asp:ListItem>
<asp:ListItem Value="like">Contains</asp:ListItem>
</asp:DropDownList>
</td>
<td>
<input id="txtContractorNameValue" class="form-control" runat="server" title="Contractor Name Value">
</td>
</tr>
<tr>
<td>Contract Number
</td>
<td>
<asp:DropDownList ID="cboContractNumberOperator" runat="server" CssClass="form-control" OnSelectedIndexChanged="cboContractNumberOperator_SelectedIndexChanged"
AutoPostBack="true" ToolTip="Contract Number Operator">
<asp:ListItem Value="=">Equals</asp:ListItem>
<asp:ListItem Value="<">Less Than</asp:ListItem>
<asp:ListItem Value="<=">Less Than or Equal</asp:ListItem>
<asp:ListItem Value=">">Greater Than</asp:ListItem>
<asp:ListItem Value=">=">Greater Than or Equal</asp:ListItem>
<asp:ListItem Value="Between">Between</asp:ListItem>
</asp:DropDownList>
</br>
<label id="lblContractNumberAnd" runat="server" visible="false">AND</label>
</td>
<td>
<input id="txtContractNumberValue" class="form-control" runat="server" title="Contract Number Value">
<asp:CustomValidator ID="cvtxtContractNumberValue" runat="server" ForeColor="red"
ControlToValidate="txtContractNumberValue" Display="None" ClientValidationFunction="CheckNumericalAmount"
ErrorMessage="Only numerical characters greater than 0 allowed." ValidationGroup="PageValidate"></asp:CustomValidator>
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender_cvtxtContractNumberValue" runat="server"
TargetControlID="cvtxtContractNumberValue">
</ajax:ValidatorCalloutExtender>
<br />
<input id="txtContractNumberValueAnd" class="form-control" runat="server" visible="false" title="Contract Number Value">
<asp:CustomValidator ID="cvtxtContractNumberValueAnd" runat="server" ForeColor="red"
ControlToValidate="txtContractNumberValueAnd" Display="None" ClientValidationFunction="CheckNumericalAmount"
ErrorMessage="Only numerical characters greater than 0 allowed." ValidationGroup="PageValidate"></asp:CustomValidator>
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender_cvtxtContractNumberValueAnd" runat="server"
TargetControlID="cvtxtContractNumberValueAnd">
</ajax:ValidatorCalloutExtender>
</td>
</tr>
<tr>
<td>Creation Date
</td>
<td>
<asp:DropDownList ID="cboCreationDateOperator" runat="server" CssClass="form-control" OnSelectedIndexChanged="cboCreationDateOperator_SelectedIndexChanged"
AutoPostBack="true" ToolTip="Creation Date Operator">
<asp:ListItem Value="=">Equals</asp:ListItem>
<asp:ListItem Value="<">Less Than</asp:ListItem>
<asp:ListItem Value="<=">Less Than or equal</asp:ListItem>
<asp:ListItem Value=">">Greater Than</asp:ListItem>
<asp:ListItem Value=">=">Greater Than or equal</asp:ListItem>
<asp:ListItem Value="Between">Between</asp:ListItem>
</asp:DropDownList>
</br>
<label id="lblCreationDateAnd" runat="server" visible="false">AND</label>
</td>
<td >
<div class='input-group date pull-right' id='datetimepickerCreationDate'>
<input class="form-control" runat="server" id="txtCreationDate" tabindex="7" title="Contract Creation Date" data-date-format="DD-MMM-YYYY"
onkeydown="return false" type="text">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<br />
<div class='input-group date' id='datetimepickerCreationDateAnd' visible="false" runat="server">
<input class="form-control" runat="server" id="txtCreationDateAnd" tabindex="8" title="Contract Creation Date" data-date-format="DD-MMM-YYYY"
onkeydown="return false">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</td>
</tr>
<tr>
<td>Contract Type</td>
<td>
<asp:DropDownList ID="cboContractTypeOperator" runat="server" ToolTip="Contract Type Operator" CssClass="form-control">
<asp:ListItem Value="=">Equals</asp:ListItem>
<asp:ListItem Value="like '%' +">Contains</asp:ListItem>
</asp:DropDownList>
</td>
<td>
<input id="txtContractTypeValue" runat="server" title="Contract Type Value" class="form-control" />
</td>
</tr>
<tr>
<td>Contract Status</td>
<td>Equals
</td>
<td>
<asp:DropDownList ID="cboContractStatus" runat="server" CssClass="form-control" Style="display: inline;">
<asp:ListItem Value="All">All</asp:ListItem>
<asp:ListItem Value="3">Open</asp:ListItem>
<asp:ListItem Value="4">Closed</asp:ListItem>
<asp:ListItem Value="5">Rejected</asp:ListItem>
<asp:ListItem Value="1">Pending Approval</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</tbody>
</table>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<div class="modal-footer">
<button type="button" runat="server" class="btn btn-primary" id="btnSaveFilterSettings" causesvalidation="true" validationgroup="PageValidate">Save</button>
</div>
<%--modal footer--%>
</div>
<%--modal-content--%>
</div>
<%--modal-lg--%>
</div>
<%-- Filter Modal--%>

jquery not working in user control page

In my project i am using Chosen jQuery plugin for searching dropdownlist
in my Master page end of before body tag put the css and jquery script files
<link href="/assets/css/chosen.css" rel="stylesheet" />
<script src="/assets/css/chosen.jquery.js"></script>
<script src="/assets/css/chosen.jquery2.js"></script>
dropdown list i called class like below sample
<asp:DropDownList ID="Dropworktype" runat="server" ***CssClass="chzn-select"*** AutoPostBack="True" >
<asp:ListItem Value="0">-ఏ పని చేస్తున్నారు-</asp:ListItem>
<asp:ListItem Value="వ్యవసాయ కార్మికులు">వ్యవసాయ కార్మికులు</asp:ListItem>
<asp:ListItem Value="మత్స్య కారులు">మత్స్య కారులు</asp:ListItem>
<asp:ListItem Value="నేత పనివారు ">నేత పనివారు</asp:ListItem>
<asp:ListItem Value="కల్లు గీత కార్మికులు">కల్లు గీత కార్మికులు</asp:ListItem>
<asp:ListItem Value="కుమ్మరి / ఇటుక బట్టి ">కుమ్మరి / ఇటుక బట్టి</asp:ListItem>
<asp:ListItem Value="గొర్రెల కాపరి ">గొర్రెల కాపరి </asp:ListItem>
<asp:ListItem Value="వడ్రంగి / కంసాలి ">వడ్రంగి / కంసాలి</asp:ListItem>
<asp:ListItem Value="చర్మకారులు">చర్మకారులు</asp:ListItem>
<asp:ListItem Value="పూజారి">పూజారి</asp:ListItem>
<asp:ListItem Value="వ్యాపారి ">వ్యాపారి </asp:ListItem>
<asp:ListItem Value="తాపీ మేస్త్రి ">తాపీ మేస్త్రి </asp:ListItem>
<asp:ListItem Value="10">ఇతరములు </asp:ListItem>
</asp:DropDownList>
choosen jquery search working fine in my page. But when i am using same in user control page its not working.
i dont know where is the problem in my page jquery problem or page problem
please help me thanks...
This is my User control page
<%# Control Language="C#" AutoEventWireup="true" CodeBehind="Basic-Inser-Details.ascx.cs" Inherits="Grievance.User_Controls.Basic_Inser_Details" %>
<script type="text/javascript">
// WRITE THE VALIDATION SCRIPT IN THE HEAD TAG.
function isNumber(evt) {
var iKeyCode = (evt.which) ? evt.which : evt.keyCode
if (iKeyCode != 46 && iKeyCode > 31 && (iKeyCode < 48 || iKeyCode > 57))
return false;
return true;
}
</script>
<link href="../assets/css/chosen.css" rel="stylesheet" />
<script src="../assets/css/chosen.jquery.js"></script>
<script src="../assets/css/chosen.jquery2.js"></script>
<%# Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<table class="table table-striped table-bordered">
<div class="alert alert-error" id="diverror" runat="server" visible="false">
<caption>
<button class="close" data-dismiss="alert">
×
</button>
<strong style="color:#fff; font-size:16px; font-weight:400; text-shadow:none;">అర్జీదారుడు గతంలో దాకలు చేసిన అర్జీ వివరాలు</strong> <a data-toggle="modal" href="#modal-table" style="color:#94210a; font-size:16px; font-weight:400; text-shadow:none; text-decoration:underline;">కొరకు ఇక్కడ క్లిక్ చేయండి </a>
</caption>
</div>
<div class="alert alert-error" id="Adhererror" runat="server" visible="false">
<button data-dismiss="alert" class="close">×</button>
<strong style="color:#fff; font-size:16px; font-weight:400; text-shadow:none;">అర్జిదారుని వివరాలు ఆధార్ నుండి "101" వచ్చిన యెడల <span style="color:#94210a; font-size:16px; font-weight:400; text-shadow:none; text-decoration:underline;"> ఉంది కాని తిసుకు రాలేదు </span> అనే ఆప్షన్ ఎంచుకోండి </strong>
</div>
<tr>
<td width="21%"><span class="red">*</span> ఆధార్ కార్డు
<asp:RequiredFieldValidator ID="RequiredFieldValidator16" CssClass="error" SetFocusOnError="true" ControlToValidate="aadhaselection"
runat="server" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator15" CssClass="error" SetFocusOnError="true" ControlToValidate="aadhaselection"
runat="server" ValidationGroup="aadharinfo"></asp:RequiredFieldValidator>
</td>
<td width="2%">:</td>
<td colspan="3">
<asp:RadioButtonList ID="aadhaselection" runat="server" CssClass="border" ValidationGroup="basicinfo" AutoPostBack="true" OnSelectedIndexChanged="aadhaselection_SelectedIndexChanged" RepeatDirection="Horizontal">
<asp:ListItem Value="1">ఉంది</asp:ListItem>
<asp:ListItem Value="2"> ఉంది కానీ తీసుకురాలేదు</asp:ListItem>
<asp:ListItem Value="3">నమోదుచేసుకోలేదు</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr id="trtxtaadhar" runat="server" visible="false">
<td><span class="red">*</span> ఆధార్ నంబర్:
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtAdherno" CssClass="error" SetFocusOnError="true"
runat="server" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" controltovalidate="txtAdherno" CssClass="error" SetFocusOnError="true" validationexpression="^[0-9]{12}$" ValidationGroup="basicinfo"></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" controltovalidate="txtAdherno" CssClass="error" SetFocusOnError="true" validationexpression="^[0-9]{12}$" ValidationGroup="aadharinfo"></asp:RegularExpressionValidator>
</td>
<td>:</td>
<td width="25%">
<asp:TextBox ID="txtAdherno" CssClass="form-control" MaxLength="12" ValidationGroup="basicinfo" runat="server"></asp:TextBox>
<cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server"
TargetControlID="txtAdherno"
FilterType="Numbers" />
</td>
<td colspan="2">
<asp:Button ID="btbaadher0" runat="server" class="btn btn-success" OnClick="btbaadher_Click" Text="ధృవీకరించండి" ValidationGroup="aadharinfo" />
</td>
</tr>
</table>
<table id="aadhartable" runat="server" class="table table-bordered" visible="false">
<tr>
<td align="center" colspan="9" style="background: #5c7399; color: #fff;">అర్జీదారు వివరాలు</td>
</tr>
<tr>
<td width="14%"><span class="red">*</span> అర్జీదారుని పేరు
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtname" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td width="2%">: </td>
<td width="26%">
<asp:TextBox ID="txtname" runat="server" CssClass="telugu form-control" Visible="false"></asp:TextBox>
<asp:Label ID="lblname" runat="server" Visible="false"></asp:Label>
</td>
<td width="12%"><span class="red">*</span> c/o పేరు
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtcareof" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td width="2%">:</td>
<td width="28%">
<asp:TextBox ID="txtcareof" runat="server" CssClass="telugu form-control" Visible="false"></asp:TextBox>
<asp:Label ID="Label2" runat="server" Visible="false"></asp:Label>
</td>
<td rowspan="6" align="center" valign="top" style="width:150px;">
<asp:Image ID="imgpic" runat="server" Style="height: 155px; width: 130px;" />
<asp:HiddenField ID="hdnpic" runat="server" />
</td>
</tr>
<tr>
<td><span class="red">*</span> వయస్సు
<asp:RegularExpressionValidator ID="revage" runat="server" controltovalidate="txtage" CssClass="error" SetFocusOnError="true" validationexpression="^[0-9]{2}$" ValidationGroup="basicinfo"></asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtage" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:TextBox ID="txtage" runat="server" MaxLength="2" CssClass="form-control" onkeypress="javascript:return isNumber (event)" Visible="false"></asp:TextBox>
<asp:Label ID="lblage" runat="server" Visible="false"></asp:Label>
</td>
<td><span class="red">*</span> లింగము
<asp:RequiredFieldValidator ID="RequiredFieldValidator21" runat="server" ControlToValidate="ddlgender" CssClass="error" InitialValue="0" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:DropDownList ID="ddlgender" Visible="false" runat="server">
<asp:ListItem Value="0">లింగము</asp:ListItem>
<asp:ListItem Value="1">పురుషుడు</asp:ListItem>
<asp:ListItem Value="2">స్త్రీ</asp:ListItem>
<asp:ListItem Value="3">ఇతరులు</asp:ListItem>
</asp:DropDownList>
<asp:Label ID="lblgender" runat="server" Visible="false"></asp:Label>
</td>
</tr>
<tr>
<td><span class="red">*</span> జిల్లా
<asp:RequiredFieldValidator ID="RequiredFieldValidator19" runat="server" ControlToValidate="ddlditric" CssClass="error" InitialValue="-జిల్లా-" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td> <td>:</td>
<td>
<asp:DropDownList ID="ddlditric" Visible="false" OnSelectedIndexChanged="ddlditric_SelectedIndexChanged" AutoPostBack="true" runat="server"></asp:DropDownList>
<asp:Label ID="lbldistric" runat="server" Visible="false"></asp:Label>
<asp:HiddenField ID="hidndistricid" runat="server" />
<asp:HiddenField ID="hdpincode" runat="server" />
</td>
<td><span class="red">*</span> మండలం
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="dropmandal" CssClass="error" InitialValue="-మండలం-" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:DropDownList ID="dropmandal" runat="server" AutoPostBack="True" CssClass="form-control" OnSelectedIndexChanged="dropmandal_SelectedIndexChanged" Visible="false"></asp:DropDownList>
<asp:Label ID="lblmandal" runat="server" Visible="false"></asp:Label>
<asp:LinkButton ID="lnkmandal" runat="server" OnClick="lnkmandal_Click"><img width="22" src="/images/edit-btn2.png" /></asp:LinkButton>
</td>
</tr>
<tr>
<td><span class="red">*</span> పంచాయతి / టౌన్ :
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="droptwon" CssClass="error" InitialValue="-రెవెన్యూ గ్రామం-" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:DropDownList ID="droptwon" runat="server" CssClass="form-control" Visible="false"></asp:DropDownList>
<asp:Label ID="lbltown" runat="server" Visible="false"></asp:Label>
<asp:LinkButton ID="lblpancht" runat="server" OnClick="lblpancht_Click"><img width="22" src="/images/edit-btn2.png" /></asp:LinkButton>
</td>
<td><span class="red">*</span> హాబిటేషను
<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="txthabitation" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:TextBox ID="txthabitation" runat="server" CssClass="telugu" Visible="false"></asp:TextBox>
<asp:Label ID="lblhabitation" runat="server" Visible="false"></asp:Label>
</td>
</tr>
<tr>
<td><span class="red">*</span> బిల్డింగ్ నం
<asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="txtbuildno" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:TextBox ID="txtbuildno" runat="server" CssClass="form-control" Visible="false"></asp:TextBox>
<cc1:FilteredTextBoxExtender ID="ftbe" runat="server"
TargetControlID="txtbuildno"
FilterType="LowercaseLetters, UppercaseLetters,Custom, Numbers" ValidChars="-/"/>
<asp:Label ID="lblbuilding" runat="server" Visible="false"></asp:Label>
</td>
<td><span class="red">*</span> వృత్తి
<asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ControlToValidate="Dropworktype" CssClass="error" InitialValue="0" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:DropDownList ID="Dropworktype" runat="server" CssClass="chzn-select" AutoPostBack="True" >
<asp:ListItem Value="0">-ఏ పని చేస్తున్నారు-</asp:ListItem>
<asp:ListItem Value="వ్యవసాయ కార్మికులు">వ్యవసాయ కార్మికులు</asp:ListItem>
<asp:ListItem Value="మత్స్య కారులు">మత్స్య కారులు</asp:ListItem>
<asp:ListItem Value="నేత పనివారు ">నేత పనివారు</asp:ListItem>
<asp:ListItem Value="కల్లు గీత కార్మికులు">కల్లు గీత కార్మికులు</asp:ListItem>
<asp:ListItem Value="కుమ్మరి / ఇటుక బట్టి ">కుమ్మరి / ఇటుక బట్టి</asp:ListItem>
<asp:ListItem Value="గొర్రెల కాపరి ">గొర్రెల కాపరి </asp:ListItem>
<asp:ListItem Value="వడ్రంగి / కంసాలి ">వడ్రంగి / కంసాలి</asp:ListItem>
<asp:ListItem Value="చర్మకారులు">చర్మకారులు</asp:ListItem>
<asp:ListItem Value="పూజారి">పూజారి</asp:ListItem>
<asp:ListItem Value="వ్యాపారి ">వ్యాపారి </asp:ListItem>
<asp:ListItem Value="తాపీ మేస్త్రి ">తాపీ మేస్త్రి </asp:ListItem>
<asp:ListItem Value="10">ఇతరములు </asp:ListItem>
</asp:DropDownList>
<asp:TextBox ID="txtoccupation" runat="server" CssClass="telugu form-control" Visible="false"></asp:TextBox>
</td>
</tr>
<tr>
<td><span class="red">*</span> ఫోను. నం
<asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" ControlToValidate="txtmoble" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="txtmobilevalidation" runat="server" controltovalidate="txtmoble" CssClass="error" SetFocusOnError="true" validationexpression="^[0-9]{10}$" ValidationGroup="basicinfo"></asp:RegularExpressionValidator>
</td>
<td>:</td>
<td>
<asp:TextBox ID="txtmoble" runat="server" CssClass="form-control" visible="false" MaxLength="10" onkeypress="javascript:return isNumber (event)" AutoPostBack="True" OnTextChanged="txtmoble_TextChanged"></asp:TextBox>
<br /> <asp:RegularExpressionValidator ID="RegularExpressionValidator12" runat="server" ControlToValidate="txtmoble" ErrorMessage="సరైన నంబరు ఇవ్వగలరు" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo" ValidationExpression="^[7-9][0-9]{9}$"></asp:RegularExpressionValidator>
<asp:Label ID="lblmobile" runat="server" Visible="false"></asp:Label>
<asp:LinkButton ID="hyperedit" runat="server" Visible="false" OnClick="hyperedit_Click"><img width="22" src="/images/edit-btn2.png" /></asp:LinkButton>
</td>
<td>ఓటరు కార్డ్ నం.<%--(EPIC)--%></td>
<td>:</td>
<td><asp:TextBox ID="txtvoter" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>E-mail ID</td>
<td>:</td>
<td>
<asp:TextBox ID="txtmailid" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator
ID="regtxtmailid"
runat="server" CssClass="error"
ValidationExpression="\w+([-+.']\w+)*#\w+([-.]\w+)*\.\w+([-.]\w+)*"
ControlToValidate="txtmailid"
ErrorMessage="దయచేసి మీ E-mailid సరిచుసుకోండి!"
>
</asp:RegularExpressionValidator>
</td>
<td><span class="red">*</span> కులం
<asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ControlToValidate="RadioButtonList3" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td colspan="2">
<asp:RadioButtonList ID="RadioButtonList3" runat="server" CssClass="border" RepeatDirection="Horizontal">
<asp:ListItem>ఎస్.సి.</asp:ListItem>
<asp:ListItem>ఎస్.టి.</asp:ListItem>
<asp:ListItem>బి.సి.</asp:ListItem>
<asp:ListItem>మైనారిటీ.</asp:ListItem>
<asp:ListItem>ఇతరులు.</asp:ListItem>
</asp:RadioButtonList> </td>
</tr>
<tr>
<td><span class="red">*</span> అర్జీ కేటగిరి <asp:RequiredFieldValidator ID="RequiredFieldValidator2" InitialValue="0" ControlToValidate="ddlcate" CssClass="error" SetFocusOnError="true"
runat="server" ValidationGroup="basicinfo"></asp:RequiredFieldValidator> </td>
<td>:</td>
<td>
<asp:DropDownList ID="ddlcate" runat="server" OnSelectedIndexChanged="ddlcate_SelectedIndexChanged" AutoPostBack="True">
<asp:ListItem Value="0">అర్జీ కేటగిరి</asp:ListItem>
<asp:ListItem Value="1">వ్యక్తి గతం–ఆర్ధికం </asp:ListItem>
<asp:ListItem Value="2">వ్యక్తి గతం–ఆర్ధికేతరం</asp:ListItem>
<asp:ListItem Value="3">సామాజికం- ఆర్ధికం</asp:ListItem>
<asp:ListItem Value="4">సామాజికం- ఆర్ధికేతరం</asp:ListItem>
</asp:DropDownList>
</td>
<td>కాలపరిమితి
</td>
<td>:</td>
<td colspan="2"><asp:Label runat="server" ID="lbltimescale" Text="0" ></asp:Label> <asp:Label ID="lbltext" runat="server" Text="రోజులు"></asp:Label>
</td>
</tr>
<tr >
<td> వార్షిక ఆదాయం
</td>
<td>:</td>
<td colspan="6"> <asp:RadioButtonList ID="rbnewfinance" runat="server" CssClass="border" RepeatDirection="Horizontal">
<asp:ListItem>60,000 లోపు</asp:ListItem>
<asp:ListItem>60,000 -75,000</asp:ListItem>
<asp:ListItem>75,000 పైబడి</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr runat="server" id="traadhernote" visible="false">
<td> <span class="red">*</span> ఆధార్ చిరునామాలో మార్పు ఉందా?
<asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ControlToValidate="rbincome" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td colspan="6">
<asp:RadioButtonList ID="rbincome" runat="server" CssClass="border" RepeatDirection="Horizontal" AutoPostBack="True" OnSelectedIndexChanged="rbincome_SelectedIndexChanged">
<asp:ListItem Value="1">ఉంది </asp:ListItem>
<asp:ListItem Value="2" >లేదు</asp:ListItem>
</asp:RadioButtonList> </td>
</tr>
</table>
<table runat="server" id="trprathuthanivasam" visible="false" class="table table-bordered">
<tr>
<td width="21%"> <span class="red">*</span> జిల్లా
<asp:RequiredFieldValidator ID="RequiredFieldValidator23" runat="server" ControlToValidate="ddlprentdistric" CssClass="error" InitialValue="-జిల్లా-" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td width="2%">:</td>
<td width="22%">
<asp:DropDownList ID="ddlprentdistric" OnSelectedIndexChanged="ddlprentdistric_SelectedIndexChanged" AutoPostBack="True" runat="server"></asp:DropDownList></td>
<td width="13%"> <span class="red">*</span> మండలం
<asp:RequiredFieldValidator ID="RequiredFieldValidator14" runat="server" ControlToValidate="dropPramandal" CssClass="error" InitialValue="-మండలం-" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td width="2%">:</td>
<td>
<asp:DropDownList ID="dropPramandal" runat="server" AutoPostBack="True" CssClass="form-control" OnSelectedIndexChanged="dropPramandal_SelectedIndexChanged">
</asp:DropDownList>
</td>
</tr>
<tr>
<td> <span class="red">*</span> పంచాయతి / టౌన్ :
<asp:RequiredFieldValidator ID="RequiredFieldValidator17" runat="server" ControlToValidate="DroppraTown" CssClass="error" InitialValue="-రెవెన్యూ గ్రామం-" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:DropDownList ID="DroppraTown" runat="server" CssClass="form-control">
</asp:DropDownList>
</td>
<td> <span class="red">*</span> హాబిటేషను
<asp:RequiredFieldValidator ID="RequiredFieldValidator20" runat="server" ControlToValidate="txtprahabitation" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td>
<asp:TextBox ID="txtprahabitation" runat="server" CssClass="telugu form-control"></asp:TextBox>
</td>
</tr>
<tr>
<td><span class="red">*</span> బిల్డింగ్ నం
<asp:RequiredFieldValidator ID="RequiredFieldValidator22" runat="server" ControlToValidate="txtbuilding" CssClass="error" SetFocusOnError="true" ValidationGroup="basicinfo"></asp:RequiredFieldValidator>
</td>
<td>:</td>
<td colspan="4">
<asp:TextBox ID="txtbuilding" runat="server" CssClass="form-control"></asp:TextBox><cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server"
TargetControlID="txtbuilding"
FilterType=" LowercaseLetters, UppercaseLetters,Custom, Numbers" ValidChars="-/"/>
</td>
</tr>
</table>
<div id="modal-table" class="modal hide fade">
<div class="modal-header no-padding">
<div class="table-header">
<button type="button" class="close" data-dismiss="modal">×</button>
దాకలు చేసిన అర్జీ వివరాలు
</div>
</div>
<div class="modal-body no-padding">
</div>
<div class="modal-footer">
<button class="btn btn-small btn-danger pull-left" data-dismiss="modal">
<i class="icon-remove"></i>
Close</button>
</div>
</div>
On each different page that you open in a browser you have to include the plugin and (before calling the plugin) jquery library too. So if your master page and user control page are two differnt pages just replicate the same headers in both.
<link href="/assets/css/chosen.css" rel="stylesheet" />
<script src="/assets/css/chosen.jquery.js"></script>
<script src="/assets/css/chosen.jquery2.js"></script>
Also note that, based on the directory structure of your page, if the user control page is not in the same folder of the master page you will need to adapt the path to the included files.

control inside a repeater

I have a repeater control in my aspx page which has a textbox field called "name" and a hidden field called "id" that is the id of the name.
I want to get the value of the id field when the name textbox is in focus and pass it, can you please let me know how i can accomplish that?
<asp:Repeater ID="rpt" runat="server">
<ItemTemplate>
<tr>
<td >
<asp:TextBox ID="txtName" runat="server" Text='<%#Eval("Name")%>'/>
</td>
<td >
<asp:DropDownList ID="ddListNumber" runat="server">
<asp:ListItem Text='First' Value="1" />
<asp:ListItem Text='Second' Value="0" />
</asp:DropDownList>
</td>
<asp:HiddenField runat="server" Value='<%# Eval("ID") %>' ID="txtID" Visible="false" />
</tr>
</ItemTemplate>
</asp:Repeater>

2 jQuery script on same page

I have 2 jQuery script in one page jQuery Dialog and jQuery slideToggle inside the dialog box, jQuery dialog is working but after hitting button to open jQuery Dialog inside the dialog box there will be a button to slideToggle a div but its not working I tried to move slideToggle outside the dialog and it works. I don't know whats going on inside the dialog box if someone can help me to solve my problem
jQuery Dialog
<script type="text/javascript">
$(function () {
$("#dialog").dialog({
appendTo: "form",
autoOpen: false,
width: 630,
height: 700,
draggable: false,
resizable: false,
modal: true
});
$("#btnaddnew").click(function () {
$("#dialog").dialog("open");
return false;
});
});
</script>
jQuery slideToggle
<script type="text/javascript">
$(document).ready(function () {
$("#Div1").hide();
$("#Button1").click(function () {
$("#Div1").slideToggle();
return false;
});
});
</script>
dialog div + slideToggle div inside the jQuery dialog
<div id="dialog" title="Classification">
<asp:UpdatePanel ID="addpanel" runat="server">
<ContentTemplate>
<table>
<tr>
<td><div id="registerform">
<table align="center" style="margin-top:10px" width="600">
<tr>
<td>
<asp:DropDownList ID="DropDownList1" runat="server"
onselectedindexchanged="DropDownList1_SelectedIndexChanged"
AutoPostBack="True">
<asp:ListItem Selected="True">Choose Classification</asp:ListItem>
<asp:ListItem Value="Resident">Resident</asp:ListItem>
<asp:ListItem Value="Business">Business</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
<table>
<tr>
<td><div id="divresident" runat="server" visible="false">
<table style="margin-top:10px; margin-bottom:10px">
<tr>
<td width="300" style="text-align:left"><asp:Label ID="lbAddress" runat="server" Text="Address"></asp:Label></td>
<td width="300"><asp:TextBox ID="txtAddress" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
</tr>
<tr>
<td style="text-align:left"><asp:Label ID="lbUserEntry" runat="server" Text="Number of House occupant"></asp:Label></td>
<td><asp:TextBox ID="txtUserEntry" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
</tr>
<tr>
<td style="text-align:left"><asp:Button ID="btnAddOccupant" runat="server" Text="+" />
<asp:Label ID="lbres5" runat="server" Text="Add Occupant"></asp:Label></td>
</tr>
<tr>
<td>
<div id="divOccupantProfile" style="display: none">
<asp:Label ID="OPfamilyname" runat="server" Text="Family Name"></asp:Label>
<asp:TextBox ID="textOPfamilyname" runat="server"></asp:TextBox><br />
<asp:Label ID="OPfirstname" runat="server" Text="First Name"></asp:Label>
<asp:TextBox ID="textOPfirstname" runat="server"></asp:TextBox><br />
<asp:Label ID="OPmiddlename" runat="server" Text="Middle Name"></asp:Label>
<asp:TextBox ID="textOPmiddlename" runat="server"></asp:TextBox><br />
<asp:Label ID="OPmaritalstatus" runat="server" Text="Marital Status"></asp:Label>
<asp:DropDownList ID="ddlOPmaritalstatus" runat="server" >
<asp:ListItem></asp:ListItem>
<asp:ListItem>Married</asp:ListItem>
<asp:ListItem>Single</asp:ListItem>
<asp:ListItem>Divorced</asp:ListItem>
</asp:DropDownList><br />
<asp:Label ID="OPoccupation" runat="server" Text="Occupation"></asp:Label>
<asp:TextBox ID="textOPoccupation" runat="server"></asp:TextBox><br />
<asp:Label ID="OPrelationship" runat="server" Text="Relationship"></asp:Label>
<asp:DropDownList ID="ddlOPrelationship" runat="server" >
<asp:ListItem></asp:ListItem>
<asp:ListItem>Wife</asp:ListItem>
<asp:ListItem>Daughter</asp:ListItem>
<asp:ListItem>Son</asp:ListItem>
<asp:ListItem>Father</asp:ListItem>
<asp:ListItem>Mother</asp:ListItem>
<asp:ListItem>House helper</asp:ListItem>
<asp:ListItem>Driver</asp:ListItem>
</asp:DropDownList>
</div>
<div id="holder">
</div>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
<table>
<tr>
<td><div id="divbusiness" runat="server" visible="false">
<table width="600" style="margin-top:10px; margin-bottom:10px">
<tr>
<td width="300" style="text-align:left"><asp:Label ID="lbbus1" runat="server" Text="Registered Business Name" ></asp:Label></td>
<td width="300"><asp:TextBox ID="txtbus2" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
</tr>
<tr>
<td width="300" style="text-align:left"><asp:Label ID="lbbus3" runat="server" Text="Address"></asp:Label></td>
<td width="300"><asp:TextBox ID="txtbus4" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
</tr>
<tr>
<td width="300" style="text-align:left"><asp:Label ID="lbbus5" runat="server" Text="Structure"></asp:Label></td>
<td width="300"> </td>
</tr>
<tr>
<td width="300" style="text-align:left"><asp:Label ID="lbbus6" runat="server" Text="SEC No./DTI number"></asp:Label></td>
<td width="300"><asp:TextBox ID="txtbus7" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
</tr>
<tr>
<td width="300" style="text-align:left"><asp:Label ID="lbbus8" runat="server" Text="Nature of Business"></asp:Label></td>
<td width="300"><asp:TextBox ID="txtbus9" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
</tr>
<tr>
<td colspan="2" style="text-align:left">
<div>
<asp:Button ID="Button1" runat="server" Text="+" />
<asp:Label ID="Label1" runat="server" Text="Add Phone"></asp:Label>
<div id="Div1" style="display: none">
<asp:Label ID="Label2" runat="server" Text="Landline work"></asp:Label>
<asp:TextBox ID="TextBox1" class="basetxt" runat="server" ></asp:TextBox><br />
<asp:Label ID="Label3" runat="server" Text="Handphone personal" ></asp:Label>
<asp:TextBox ID="TextBox2" class="basetxt" runat="server"></asp:TextBox><br />
<asp:Label ID="Label4" runat="server" Text="Handphone work"></asp:Label>
<asp:TextBox ID="TextBox3" class="basetxt" runat="server"></asp:TextBox>
</div>
</div>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</div>
.click won't work on later loaded elements, try it like this, replace:
$("#Button1").click(function () {
With:
$("body").on('click', '#Button1', function() {

how to show msgbox on button click event if i have some disabled checkboxes and user forgot to check checkboxes

i m using asp.net Usercontrols How to show alert msgbox if user doesn't select atleast minimun 1 checkbox from asp.net checkboxes
if i have disabled some checkboxes on page load event then after user forgot to check checkboxes and click on button then still msgbox will popup "you haven't select checkboxes"
please edit my this code ...to show msg box on button click event if i have disabled checkboxes and if user haven't select any of the checkbox
<%# Control Language="VB" AutoEventWireup="false" CodeFile="WebUserControl.ascx.vb" Inherits="_35seater_WebUserControl" %>
<%# Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<div id="s" style="width: 499px">
<asp:Panel ID="Panel1" runat="server" Width="77px">
<table class="style66">
<tr>
<td class="style68" rowspan="2">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/streer.gif" />
</td>
<td rowspan="5" style="background-color: #E4E4E4">
</td>
<td>
</td>
<td>
<span class="style106">
<asp:CheckBox ID="CheckBox1" runat="server" ForeColor="White" Height="33px"
Text="1" Width="33px" />
<cc1:ToggleButtonExtender ID="CheckBox1_ToggleButtonExtender" runat="server"
CheckedImageUrl="images/selected.gif"
DisabledUncheckedImageUrl="images/disabled.gif" Enabled="True" ImageHeight="33"
ImageWidth="33" TargetControlID="CheckBox1"
UncheckedImageUrl="images/booked.gif"></cc1:ToggleButtonExtender>
</span>
</td>
<td>
<span class="style106">
<asp:CheckBox ID="CheckBox3" runat="server" ForeColor="White" Height="33px"
Text="3" Width="33px" />
<cc1:ToggleButtonExtender ID="CheckBox3_ToggleButtonExtender" runat="server"
CheckedImageUrl="images/selected.gif"
DisabledUncheckedImageUrl="images/disabled.gif" Enabled="True" ImageHeight="33"
ImageWidth="33" TargetControlID="CheckBox3"
UncheckedImageUrl="images/booked.gif"></cc1:ToggleButtonExtender>
</span>
</td>
<td>
<span class="style106">
<asp:CheckBox ID="CheckBox10" runat="server" ForeColor="White" Height="33px"
Text="10" Width="33px" />
<cc1:ToggleButtonExtender ID="CheckBox10_ToggleButtonExtender" runat="server"
CheckedImageUrl="images/selected.gif"
DisabledUncheckedImageUrl="images/disabled.gif" Enabled="True" ImageHeight="33"
ImageWidth="33" TargetControlID="CheckBox10"
UncheckedImageUrl="images/booked.gif"></cc1:ToggleButtonExtender>
</span>
</td>
<td>
</tr>
</table>
<hr style="width: 494px; height: -15px" />
<table class="style99" style="text-align: center; height: 10px;">
<tr class="style102">
<td class="style103" style="text-align: center; " colspan="3">
<table class="style113">
<tr>
<td class="style116">
<asp:Label ID="Label20" runat="server" style="font-weight: 700; color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: small;"
Text="Select Boarding Point :"></asp:Label>
</td>
<td class="style115">
<asp:Label ID="Label23" runat="server"
style="font-weight: 700; color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: small;"
Text="Select Dropping Point :"></asp:Label>
<asp:Label ID="Label24" runat="server" ForeColor="White"
style="font-size: xx-small" Text="Label"></asp:Label>
</td>
</tr>
<tr>
<td class="style114" style="text-align: right">
<asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="True"
DataSourceID="SqlDataSource1" DataTextField="bd_time" DataValueField="bd_time"
style="margin-left: 0px; " Width="240px">
<asp:ListItem>Choose...</asp:ListItem>
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT DISTINCT [bd_time] FROM [boardingpt] WHERE ([service] = #service)">
<SelectParameters>
<asp:ControlParameter ControlID="Label22" Name="service" PropertyName="Text"
Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</td>
<td>
<asp:DropDownList ID="DropDownList2" runat="server" AppendDataBoundItems="True"
DataSourceID="SqlDataSource2" DataTextField="dp_time" DataValueField="dp_time"
style="margin-left: 0px; " Width="240px">
<asp:ListItem>Choose...</asp:ListItem>
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource2" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT DISTINCT [dp_time] FROM [droppingpt] WHERE ([service] = #service)">
<SelectParameters>
<asp:ControlParameter ControlID="Label22" Name="service" PropertyName="Text"
Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</td>
</tr>
<tr>
<td class="style114" colspan="2" style="text-align: center; padding-top: 12px;">
<asp:ImageButton ID="ImageButton1" OnClientClick ="return checkboxChecked();" runat="server"
ImageUrl="~/images/redContinueButton.gif" />
</td>
</tr>
<tr>
<td class="style114" colspan="2" style="text-align: left">
<div style="visibility: hidden; overflow: hidden">
<asp:CheckBoxList ID="CheckBoxList1" runat="server"
DataSourceID="SqlDataSource4" DataTextField="sel_seat"
DataValueField="sel_seat" Font-Size="Smaller" ForeColor="Maroon"
RepeatDirection="Horizontal" RepeatLayout="Flow">
</asp:CheckBoxList>
<br />
<asp:CheckBoxList ID="CheckBoxList2" runat="server"
DataSourceID="SqlDataSource3" DataTextField="seats" DataValueField="seats"
Font-Size="Smaller" ForeColor="Maroon" RepeatDirection="Horizontal"
RepeatLayout="Flow">
</asp:CheckBoxList>
<asp:SqlDataSource ID="SqlDataSource3" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT TOP 1 [seats], [id], [dates], [service]
FROM a1_holds
WHERE (dates = #dates) AND (service = #service) ORDER BY [id] DESC">
<SelectParameters>
<asp:ControlParameter ControlID="Label25" Name="dates" PropertyName="Text" />
<asp:ControlParameter ControlID="Label22" Name="service" PropertyName="Text" />
</SelectParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="SqlDataSource4" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT DISTINCT sel_seat
FROM a1_ticket
WHERE (journey_date = #journey_date) AND (serv_code = #serv_code)">
<SelectParameters>
<asp:ControlParameter ControlID="Label25" Name="journey_date"
PropertyName="Text" />
<asp:ControlParameter ControlID="Label22" Name="serv_code"
PropertyName="Text" />
</SelectParameters>
</asp:SqlDataSource>
<asp:Label ID="Label25" runat="server" Font-Size="Smaller" Text="Label"></asp:Label>
<asp:Label ID="Label26" runat="server" Font-Size="Smaller" Text="Label"></asp:Label>
<asp:Label ID="Label27" runat="server" Font-Size="Smaller"></asp:Label>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr class="style102">
<td class="style100">
<asp:TextBox ID="TextBox1" runat="server" BorderColor="White"
BorderStyle="None" BorderWidth="0px" ReadOnly="True"
style="font-size: small; text-align: center; font-weight: 700; color: #FFFFFF;"></asp:TextBox>
</td>
<td class="style112">
<asp:Label ID="Label17" runat="server"
style="font-size: small; font-weight: 700; color: #FFFFFF;"></asp:Label>
</td>
<td class="style110">
<asp:Label ID="Label18" runat="server"
style="font-size: small; font-weight: 700; color: #FFFFFF;"></asp:Label>
</td>
</tr>
</table>
</asp:Panel>
</div>
<script type="text/javascript" language="javascript">
function checkboxChecked(){
var checked=false;
var allInputs = document.getElementsByTagName("input");
var noOfChkBox = 0; // number of check box
var noOfDisabledChkBox = 0; // number of disabled check box
for(var i=0; i<allInputs.length; i++){
var chk=allInputs[i];
if(chk.type == "checkbox"){
noOfChkBox++;
if(chk.disabled){
noOfDisabledChkBox++;
}
if(chk.checked){
checked=true;
break;
}
}
}
if(noOfDisabledChkBox===noOfChkBox)
{
checked=true;
}
if(!checked)
alert("OOps! You haven't select checkboxes");
return checked;
}
</script>
I have modified your js.Please chk and revert if it works
<script type="text/javascript" language="javascript">
function checkboxChecked(){
var checked=false;
var allInputs = document.getElementsByTagName("input");
var noOfChkBox = 0; // number of check box
var noOfDisabledChkBox = 0; // number of disabled check box
for(var i=0; i<allInputs.length; i++){
var chk=allInputs[i];
if(chk.type == "checkbox"){
noOfChkBox++;
if(chk.disabled){
noOfDisabledChkBox++;
}
if(chk.checked){
checked=true;
break;
}
}
}
if(noOfDisabledChkBox===noOfChkBox)
{
checked=true;
}
if(!checked)
alert("OOps! You haven't select checkboxes");
return checked;
}
</script>

Categories