id="txtNews" を持ち、name="news" を持つテキストエリアにロードした後、CKEDITOR を検証したいと思います。ckeditorの検証にvalidate.jsを使いたいです。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;
}
});