Knockout.js 敲除验证不使用剑道文本编辑器

Knockout.js 敲除验证不使用剑道文本编辑器,knockout.js,kendo-ui,telerik,kendo-grid,knockout-validation,Knockout.js,Kendo Ui,Telerik,Kendo Grid,Knockout Validation,我正在尝试使用敲除验证来验证我的模式。验证可以很好地处理文本输入,但使用剑道文本编辑器,我无法在剑道文本编辑器上应用css。在inspect模式下,kendo正在构建一个表,并且在表内部定义了具有所需属性的textarea。当用户尝试插入空字段时,敲除验证将显示错误,并要求用户在提交数据之前插入值。不过,验证部分工作正常,但要突出显示所选字段,我需要更改输入字段的边框CSS <div class="row"> <div class="form-group col

我正在尝试使用敲除验证来验证我的模式。验证可以很好地处理文本输入,但使用剑道文本编辑器,我无法在剑道文本编辑器上应用css。在inspect模式下,kendo正在构建一个表,并且在表内部定义了具有所需属性的textarea。当用户尝试插入空字段时,敲除验证将显示错误,并要求用户在提交数据之前插入值。不过,验证部分工作正常,但要突出显示所选字段,我需要更改输入字段的边框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>
} 检查窗户-

电流输出

当用户尝试提交信息但teaxtarea为空时,需要的输出


我在telerik board上发现了与此主题类似的问题:


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

.has-error .k-content {
   border-color: red;
   border-style: solid;
   border-width: 1px;
  -webkit-box-shadow: none !important;
   box-shadow: none !important;
}
.k-tooltip-validation {
    visibility: hidden
}
.k-widget > span.k-invalid,input.k-invalid
{
  border: 1px solid red !important;
}
.has-error .k-content {
   border-color: red;
   border-style: solid;
   border-width: 1px;
  -webkit-box-shadow: none !important;
   box-shadow: none !important;
}