敲除验证不适用于 Kendo 文本编辑器

Question

我正在尝试使用敲除验证来验证我的模态。文本输入验证工作正常，但使用 kendo 文本编辑器我无法在 kendo 文本编辑器上应用 css。在检查模式下，kendo 正在构建一个 table 并且在 table 内部它定义了具有所需属性的文本区域。当用户尝试插入空字段时，敲除验证给我错误并要求用户在提交数据之前插入值。但是，验证部分工作正常但要突出显示所选字段，我需要更改输入字段的边框 CSS

 <div class="row">
       <div class="form-group col-xs-12" data-bind="validationElement: subject">
       <label class="required">Subject</label>
       <input type="text" class="form-control no-clear-icon" data-bind="textInput: subject" />
        </div>
</div>
 <div class="row">
       <div class="form-group col-xs-12" data-bind="validationElement: description">
             <label class="required">Description</label>
              <textarea style="resize: none;" wrap="hard" data-bind="TextEditor: description" rows="3"></textarea>
        </div>
 </div>

CSS-

.has-error .form-control {
border-color: red;
border-style: solid;
border-width: thin;

} 检查 window -

Inspect window view

当前输出

Current output

当用户尝试提交信息但 teaxtarea 为空时的期望输出

Desired output

Answer 1

我在 telerik 板上发现了一个关于这个主题的类似问题 here:

.k-tooltip-validation {
    visibility: hidden
}

和

.k-widget > span.k-invalid,input.k-invalid
{
  border: 1px solid red !important;
}

Answer 2

只需在下面添加 CSS 即可解决问题

.has-error .k-content {
   border-color: red;
   border-style: solid;
   border-width: 1px;
  -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

敲除验证不适用于 Kendo 文本编辑器

Knockout validation not working with Kendo text editor

telerik

kendo-ui

knockout.js

knockout-validation

kendo-grid