This is a migrated thread and some comments may be shown as answers.

Validate a div element

3 Answers 981 Views

Validation

This is a migrated thread and some comments may be shown as answers.

Matt asked on 17 Dec 2013, 02:19 PM

I have a two boxes that were previously input elements and are now inline html editors. Can any other element that are not a 'input' element be added onto the validator's list of things to check. The use is in a list view. Or would the only solution be having some hidden elements?

1.<div class="WebDescriptionEditor" data-bind="value: WebDescription" data-role="editor"

2. contentEditable="true"

3. data-tools="['bold','italic','underline','strikethrough']">

4.</div>

Thats basically it. The work around i have otherwise is to include a hidden input element after each of the the divs as so:

1.<input type="hidden" name="WebDescription" data-bind="value: WebDescription" />

Then the custom validation on the datasource iterates through the input elements and validates the above. Any way to skip having the extra html?

Thanks,
Matt

3 Answers, 1 is accepted

answered on 07 Dec 2017, 05:25 PM

I am trying to validate current tab on selection of other tab and prevent tab active if current tab validation is not passing.

Here is my code, validation is always coming true

onSelect: function (e) {

var container = $("#work-add-edit-form");

kendo.init(container);

container.kendoValidator();

var validator = $("#work-add-edit-form").kendoValidator().data("kendoValidator");

//var tabStrip = $("#work-add-edit-tabstrip").data("kendoTabStrip");

//var currentActiveTab = tabStrip.select();

//var contentId = currentActiveTab[0].getAttribute("aria-controls");

if (!validator.validateInput($(".k-tabstrip .k-content.k-state-active"))) {

e.preventDefault();

}