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