1

我的代码：

<div class="comb">
            @( Html.Telerik().ComboBox()
            .Name("cmbGender")
            .AutoFill(false)
            .DataBinding(binding => binding.Ajax().Select("LoadGenderNames", "Search"))
            .HighlightFirstMatch(true)
            .HtmlAttributes(new { @filterColumn = "Gender", @class = "filterCtrl", @id = "cmbGender", style = "width: 140px;" })
            )
        </div>

例如：我正在使用 jquery 进行文本框验证。同样，我需要为组合框做。下面是我用于针对特殊字符进行文本框验证的代码。

输入文本框：

<input id="LastName" type="text" filtercolumn="LastName" maxlength="55" class="filterCtrl" style="width:135px; height:15px"/>

用于文本框验证的 Jquery 代码：

$(document).ready(function () {
    $('input[id$=LastName]').bind('keyup blur', function () {
        if (this.value.match(/[^a-zA-Z0-9-,.' ]/g)) {
            this.value = this.value.replace(/[^a-zA-Z0-9-,.' ]/g, '');
        }
    });
}

上面的代码适用于文本框字段验证。但我不知道要验证组合框。请帮忙。谢谢。

4

1 回答 1

0

尝试这个

 <div class="comb">
            @( Html.Telerik().ComboBox()
            .Name("cmbGender")
            .ClientEvents(events => events.OnChange("ComboBox_onChange"))
            .AutoFill(false)
            .DataBinding(binding => binding.Ajax().Select("LoadGenderNames", "Search"))
            .HighlightFirstMatch(true)
            .HtmlAttributes(new { @filterColumn = "Gender", @class = "filterCtrl", @id = "cmbGender", style = "width: 140px;" })
            )
        </div>

<script type="text/javascript">
function ComboBox_onChange(){
    var combobox = $(this).data('tComboBox'); // $(this) is equivalent to $('#ComboBox')
    // Use the combobox client object
    // call here your valodation function.

}
</script>

或者如果想将其称为另一个事件，请参考以下链接 http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-combobox-client-api-and-events.html

于 2012-10-26T10:42:05.597 回答