[英]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.