0

MVC4 プロジェクトのすべての html コントロールに JQuery UI Validation プラグインを実装しましたが、これはまったく問題なく動作します。この pugin を、剣道日付ピッカーや剣道オートコンプリートなどの剣道 UI コントロールの一部に使用したいと考えています。

JQuery UI Validation は、この URL http://posabsolute.github.io/jQuery-Validation-Engine/に従って、以下のコードで正常に動作します。

@Html.TextBoxFor(Function(x) Model.EstimatedDt, New With {.id = "kdatepicker",.class = "validate[required]"})

剣道UIの日付ピッカーに置き換えました

@(Html.Kendo().DatePicker().Name("kdatepicker").HtmlAttributes(new with{.Class = "validate[required]"}))

しかし、これはうまくいきません。これによりエラー メッセージが 2 回表示され、値を入力した後でも、コントロールは 1 つのツールヒント エラー メッセージを受け取り、1 つのエラー ツールヒントを表示します。

ビューソースを確認したところ、次のように作成されました-

<input class="validate[required]" id="kdatepicker" name="kdatepicker" type="date" /><script>
    jQuery(function(){jQuery("#kdatepicker").kendoDatePicker({"format":"M/d/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
</script>

私が行方不明になっているところを助けてください。Jquery UI ValidationEngine は Kendo UI コントロールでは動作しませんか?

ありがとうジョー

4

2 に答える 2

1

答えが見つかりました - 検証クラスをインラインで追加する代わりに、jquery 関数を使用して個別に追加する必要があります。

前

@(Html.Kendo().DatePicker().Name("kdatepicker").HtmlAttributes(new with{.Class = "validate[required]"}))

ソリューション

@(Html.Kendo().DatePicker().Name("kdatepicker"))

$(function () {
$("#kdatepicker").addClass("validate[required]");
}

その理由は、インラインで追加すると、コントロールとコンテナーの両方に 2 回追加されるためです。

これが誰かに役立つことを願っています..ハッピーコーディング:)

于 2013-07-15T15:04:41.200 に答える