javascript - Kendo UI - Kendo Validator -

javascript - Kendo UI - Kendo Validator -

i'm using kendo ui's validator in application.

i have form update grid data.

i have customized validation tool-tips appear want them come in each field, , works fine. result can seen in image below.

however, having problem, when submit form, appears revalidate form, , mess location of tool-tip validation message.

the image below happens when click "update" button (notice, dialogues overlapping each other).

my preferend goal disable update button untill fields corrected, or, if not possible, maintain same formatting first image.

here 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>

the button submit's form is:

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

i should note, can not edit kendovalidator() function @ point, in development, , trying update module, there many other forms , validations using function create direct changes it.

i think problem datetime confirmation. set civilization js file /scripts/kendo/2014.1.528/cultures/ , referance in layout.cshtml

<script src="@url.content("~/scripts/kendo/2014.1.528/cultures/kendo.culture.tr-tr.min.js")"></script> <script> kendo.culture("tr-tr") </script>

you can find country's civilization file on c:\program files (x86)\telerik\ui asp.net mvc q1 2014\js\cultures

javascript jquery kendo-ui kendo-grid kendo-asp.net-mvc