[英]CKEDITOR validation in JQuery
我想用jQuery验证来验证我的ckeditor,提交事件上的验证触发,并根据消息给出错误消息
网页:
Script:
jQuery.validator.setDefaults({
highlight: function (element, errorClass, validClass) {
if (element.type === "radio") {
this.findByName(element.name).addClass(errorClass).removeClass(validClass);
} else {
$(element).closest('.form-group').removeClass('has-success has-feedback').addClass('has-error has-feedback');
$(element).closest('.form-group').find('span.icon').remove();
$(element).closest('.form-group').append('<span class="icon icon-validation-error"></span>');
}
},
unhighlight: function (element, errorClass, validClass) {
if (element.type === "radio") {
this.findByName(element.name).removeClass(errorClass).addClass(validClass);
} else {
$(element).closest('.form-group').removeClass('has-error has-feedback').addClass('has-success has-feedback');
$(element).closest('.form-group').find('span.icon').remove();
$(element).closest('.`enter code here`form-group').append('<span class="icon icon-validation-right"></span>');
}
}
});
<form class="form-horizontal" role="form" name="form-name" id="form-name" >
<textarea class="ckeditor" name="cktext" id="cktext"></textarea>
<button type="submit" class="btn btn-default btn-success">Submit</button>
$(document).ready(function(){
$("#form-id").validate(
{
ignore: [],
debug: false,
rules: {
cktext:{
required: function()
{
CKEDITOR.instances.cktext.updateElement();
},
}
},
messages:
{
cktext:{
required:"Please enter Text",
}
}
});
});
您可以像下面这样使用
CKEDITOR.instances['id'].on('focus', function () {
//Do something here.
});
您可以在此处传递任何有效事件。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.