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 に答える