I am using this framework for validation in my web app. I'm trying to set a RadComboBox to required using the required attribute. The problem is that field never identifies as "required" when empty. I believe the reason is the control is defined as below and I'm adding a required attribute with the following javascript:
$('#ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input').attr('required', 'required');
The issue I believe is related to the fact that ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input is set to readonly. It works when I allow CustomText using the same code but that's not really what I want. I can't use the RadDropdownList or regular DropdownList b/c I need separators for items in my dropdown so I'm left with the RadComboBox. Is there something I'm missing?
I have a demo of the problem but I can't attach it here.
$('#ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input').attr('required', 'required');
The issue I believe is related to the fact that ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input is set to readonly. It works when I allow CustomText using the same code but that's not really what I want. I can't use the RadDropdownList or regular DropdownList b/c I need separators for items in my dropdown so I'm left with the RadComboBox. Is there something I'm missing?
I have a demo of the problem but I can't attach it here.
<
div
id
=
"ctl00_MainContent_LRS_pi_1_ddlProductCDF"
class
=
"RadComboBox RadComboBox_Office2010Blue"
style
=
"width:100px;"
>
<
table
summary
=
"combobox"
style
=
"border-width:0;border-collapse:collapse;table-layout:fixed;width:100%"
>
<
tr
class
=
"rcbReadOnly"
>
<
td
class
=
"rcbInputCell rcbInputCellLeft"
style
=
"margin-top:-1px;margin-bottom:-1px;width:100%;"
><
input
name
=
"ctl00$MainContent$LRS_pi_1$ddlProductCDF"
type
=
"text"
class
=
"rcbInput radPreventDecorate"
id
=
"ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input"
value
=
""
style
=
"display: block;"
readonly
=
"readonly"
tabindex
=
"30"
/></
td
><
td
class
=
"rcbArrowCell rcbArrowCellRight"
style
=
"margin-top:-1px;margin-bottom:-1px;"
><
a
id
=
"ctl00_MainContent_LRS_pi_1_ddlProductCDF_Arrow"
style
=
"overflow: hidden;display: block;position: relative;outline: none;"
>select</
a
></
td
>
</
tr
>
</
table
><
div
class
=
"rcbSlide"
style
=
"z-index:6000;"
><
div
id
=
"ctl00_MainContent_LRS_pi_1_ddlProductCDF_DropDown"
class
=
"RadComboBoxDropDown RadComboBoxDropDown_Office2010Blue "
style
=
"float:left;display:none;"
><
div
class
=
"rcbScroll rcbWidth"
style
=
"width:100%;"
><
ul
class
=
"rcbList"
style
=
"list-style:none;margin:0;padding:0;zoom:1;"
><
li
class
=
"rcbItem "
></
li
><
li
class
=
"rcbItem rcbSeparator "
>Assets</
li
><
li
class
=
"rcbItem "
>DRS</
li
><
li
class
=
"rcbItem "
>VPS</
li
><
li
class
=
"rcbItem "
>VPS/TCPIP</
li
></
ul
></
div
></
div
></
div
><
input
id
=
"ctl00_MainContent_LRS_pi_1_ddlProductCDF_ClientState"
name
=
"ctl00_MainContent_LRS_pi_1_ddlProductCDF_ClientState"
type
=
"hidden"
/>
</
div
>