Die Kendo-UI - Kendo-Validator

Bin ich mit Kendo UI die Prüfer in meiner Anwendung.

Ich habe ein Formular aktualisiere ich meine grid-Daten.

Ich angepasst haben validation tool-Tipps angezeigt, wo ich Sie haben will als ich geben Sie zu jedem Feld, und das funktioniert gut.
Das Ergebnis kann man im Bild unten zu sehen.

Die Kendo-UI - Kendo-Validator

Jedoch habe ich ein problem, dass wenn ich das Formular abschicken, es erscheint erneut validieren meiner form, und mess up die Position des tool-Tipp-Validierung Nachricht.

Dem Bild unten ist das, was passiert, wenn ich klicken Sie auf die Schaltfläche "Update" (Ankündigung, die Dialoge, die sich gegenseitig überlappen).

Die Kendo-UI - Kendo-Validator

Meine preferend Ziel ist, deaktivieren Sie die Update-Taste drücken bis die alle Felder korrigiert werden, oder, wenn das nicht möglich ist, zu halten, der die gleiche Formatierung wie das erste Bild.

Hier ist mein code:

<div id="ValidationErrors">
       <span class='k-invalid-msg' data-for="PhoneNumber"  ></span>
       <span class='k-invalid-msg' data-for="Extension" ></span>
       <span class='k-invalid-msg' data-for="PreferredContactStartTimeDt" ></span>
       <span class='k-invalid-msg' data-for="PreferredContactEndTimeDt"></span>
       <span class='k-invalid-msg' data-for="TimeZone"></span>
        <script>
            $("input").focusout(function () {
                $("#ValidationErrors").kendoValidator();
                if ($("input").hasClass("k-textbox k-invalid"))
                {
                    $(this).css("border", "solid 1px red");
                }
            });
        </script>
       <style>
           .k-widget.k-tooltip-validation {
                margin-bottom:5px;
                display:block;
                padding:6px;
           }
           #ValidationErrors {
                margin-bottom:10px;
           }
            .k-invalid-msg {
                display:none;
           }
       </style>
   </div>

Den button für das senden der form:

<a class="k-button k-button-icontext k-grid-update" href="#"><span class="k-icon k-update"></span>Update</a>

Ich sollte auch beachten, dass ich nicht editieren kann die kendoValidator() Funktion an diesem Punkt, denn dies ist in der Entwicklung, und ich bin nur versuchen, ein update dieses Modul, gibt es viele andere Formen und Validierungen Verwendung dieser Funktion direkt verändert.

  • hi ich bin neu im kendo, möchte ich nur das Rendern der datepicker in meine .cshtml-Seite, können Sie helfen, zu beginnen, eigentlich mache ich aber nie gelang.es funktioniert richtig in meine einfache html-Seite, aber wenn möchte ich hinzufügen, dass dies in meinem mvc projectit nicht,
  • tun Sie das Projekt in mvc?
InformationsquelleAutor Mark | 2014-06-19
Schreibe einen Kommentar