0

我在我的代码中使用 ajax 组合框代替下拉列表,现在我想在客户端验证它。我选择使用 javascript 并使用以下代码来验证它:

function validateCombobox(){
    var comboboxId = document.getElementById('<%=ComboBox1.ClientID%>');
    if(comboboxId.value=="some value") {
        alert("Error");
    }
}

但我无法验证组合框。

我的html代码是:

<asp:ComboBox ID="ComboBox1" runat="server"
    AutoCompleteMode="Suggest" 
    CaseSensitive="false" 
    DropDownStyle="DropDownList">
</asp:ComboBox>

浏览器上 ASP 生成的代码:

<div onchange="javascript:setTimeout('__doPostBack(\'ctl00$ctl00$ContentPlaceHolder$ContentPlaceHolder1$unit\',\'\')', 0)"
    id="ctl00_ctl00_ContentPlaceHolder_ContentPlaceHolder1_unit" style="display:inline;">
    <table id="ctl00_ctl00_ContentPlaceHolder_ContentPlaceHolder1_unit_unit_Table"
      class="ajax__combobox_inputcontainer" cellspacing="0" cellpadding="0" border="0"
      style=
      "border-width:0px;border-style:None;border-collapse:collapse;display:inline;position:relative;top:5px;">
        <tr>
            <td class="ajax__combobox_textboxcontainer">
                <input type="text" autocomplete="off" style="width:150px;"
                    name="ctl00$ctl00$ContentPlaceHolder$ContentPlaceHolder1$unit$unit_TextBox"                    
                    id="ctl00_ctl00_ContentPlaceHolder_ContentPlaceHolder1_unit_unit_TextBox" />
            </td>
            <td class="ajax__combobox_buttoncontainer">
                <button type="button" 
                    id="ctl00_ctl00_ContentPlaceHolder_ContentPlaceHolder1_unit_unit_Button">
                </button>
            </td>
        </tr>
    </table>
    <ul id="ctl00_ctl00_ContentPlaceHolder_ContentPlaceHolder1_unit_unit_OptionList"
      class="ajax__combobox_itemlist" style="display:none;visibility:hidden;">
        <li>GM</li>
        <li>KG</li>
    </ul>
    <input type="hidden"  value="0" 
        name="ctl00$ctl00$ContentPlaceHolder$ContentPlaceHolder1$unit$unit_HiddenField"\
        id="ctl00_ctl00_ContentPlaceHolder_ContentPlaceHolder1_unit_unit_HiddenField"/>
</div>
4

3 回答 3

2

在@Sethu 和@Scott 给出的答案的帮助下得到了解决方案:

我使用以下代码:

function validateCombobox(){
    var comboBox = document.getElementById('<%=ComboBox1.ClientID%>_ComboBox1_TextBox');
    if(comboBox.value=="some value")
    {
        alert("Error");
    }
}
于 2012-08-31T10:30:19.373 回答
0

组合框在客户端创建多个 html。

最初,该值存储在隐藏字段中。

function validateCombobox()
{
var comboCotainer= document.getElementById('<%=ComboBox1.ClientID%>');
var hdnField = FindChild(comboCotainer);
if(hdnField != null && hdnField.value == "-1")
{
 alert("Error");
}
}

function FindChild(container) {
        var hiddenControl = null;
        if (container.children && container.children.length > 0) {
            for (var i = 0; i < container.children.length; i++) {
                if (container.children[i].type == "hidden") {
                    hiddenControl = container.children[i];
                    break;
                 }
            }
        }

        return hiddenControl;
    }

位 jquery 将消除 FindChild 功能

如果您使用 Jquery,请使用以下代码

function validateCombobox() {
        var selectedVal = $('#<%=ComboBox1.ClientID%> input[type=hidden]').val();
        if (selectedVal == "-1") {
            alert("Error");
        }
    }

隐藏控件保存所选项目的索引,因此检查 -1 或非负值

于 2012-08-31T08:34:59.990 回答
0

尝试这个。

function validateCombobox(){
    var comboboxObject = document.getElementById('<%=ComboBox1.ClientID%>');
    var inputs = comboboxObject.getElementsByTagName('input');
    for (i = 0; i < inputs.length; i++) {
        if (inputs[i].type == 'text' && inputs[i].value == "some value") {
            alert("Error");
            break; //why loop further?
        }
    }
}
于 2012-08-31T15:59:37.730 回答