我想在将 CKEDITOR 加载到具有 id="txtNews" 并且它具有 name="news" 的文本区域后验证它。我想使用 validate.js 来验证 ckeditor。如果 ckeditor 为空白并且如果我单击“保存”按钮,则 ckeditor 应标记为“*”红色。并且不应该进一步进行。
我尝试验证其他字段,包括 textarea 等,但是当我将 CKEDITOR 加载到 textarea 并使用它的 name 属性来验证使用规则和消息作为传递给 validate() 函数的对象作为参数时,只有具有 CKEDITOR 的 textarea 未被验证。
注意:我只想使用 validate.js 进行验证,并且必须使用 name 属性进行验证。
有人可以给我答案吗?
这张图片会有所帮助,我有什么问题。
HTML代码如下:
<div class="frmlabel">
<label class="sfFormlabel">
NewsTitle</label>
</div>
<div class="inputclass">
<textarea id="txtNewsTitle" name="newstitle" class="sfTextarea"></textarea>
</div>
</div>
<div class="fieldwrapper">
<div class="frmlabel">
<label class="sfFormlabel">
Searach Key</label>
</div>
<div class="inputclass">
<textarea id="txtNewsSearchKey" name="search" class="sfTextarea"></textarea>
</div>
</div>
<div class="fieldwrapper">
<div class="frmlabel">
<label class="sfFormlabel">
News</label>
</div>
<div class="inputclass">
<textarea id="txtNews" name="news" class="sfTextarea"></textarea>
</div>
</div>
<div class="sfButtonwrapper">
<button type="button" id="btnSaveNews" class="sfBtn">
Save</button>
<button id="btnCancelNews" class="sfBtn">
Cancel</button>
</div>
和JS代码
delete CKEDITOR.instances['txtNews'];
$("#txtNews").ckeditor();
$('#btnSaveNews').bind('click', function() {
var v = $("#form1").validate({
ignore: ':hidden',
messages: {
newstitle: {
required: '*'
},
search: {
required: '*'
},
news: {
required: '*'
},
date: {
required: '*'
}
},
rules: {
newstitle: {
required: true
},
search: {
required: true
},
news: {
required: true,
news:true
},
date: {
required: true
}
}
});
if (v.form()) {
News.SaveNews();
return false;
}
});