如何使用 jquery 在 rails 中验证来验证 ckeditor?
how to validate ckeditor with jquery validate in rails?
我的查看代码:
<%= f.cktext_area :description, class: 'form-control', id: 'description', rows: 8, required: true %>
<script>
CKEDITOR.replace('description');
</script>
这将生成这样的 html 代码:
<textarea class="form-control" id="description" rows="8" required="required" name="product[description]">
</textarea><script>
//<![CDATA[
(function() { if (typeof CKEDITOR != 'undefined') { if (CKEDITOR.instances['description'] == undefined) { CKEDITOR.replace('description'); } } else { setTimeout(arguments.callee, 50); } })();
//]]>
</script>
这是我验证以上代码的脚本:
$(function(){
$("#product_form").validate({
ignore: [],
rules: {
description: {
required: function(){
CKEDITOR.instances.description.updateElement();
}
}
}
});
})
我一直在关注这个 fiddle 并根据我的需要进行定制,但没有任何反应。有谁能够帮助我?谢谢
您有以下两个问题...
rules: {
description: {
required: function(){
CKEDITOR.instances.description.updateElement();
}
}
}
您只能使用字段的 name
,而不是 rules
中的 id
选项。在这种情况下,product[description]
.
将 function()
作为 required
规则的参数在这种情况下没有任何意义。该字段要么是 required
,要么不是,因此此规则只能是 true
或 false
。
试试这个...
rules: {
"product[description]": { // <-- name of the field
required: true // <-- this field is required
}
}
我的查看代码:
<%= f.cktext_area :description, class: 'form-control', id: 'description', rows: 8, required: true %>
<script>
CKEDITOR.replace('description');
</script>
这将生成这样的 html 代码:
<textarea class="form-control" id="description" rows="8" required="required" name="product[description]">
</textarea><script>
//<![CDATA[
(function() { if (typeof CKEDITOR != 'undefined') { if (CKEDITOR.instances['description'] == undefined) { CKEDITOR.replace('description'); } } else { setTimeout(arguments.callee, 50); } })();
//]]>
</script>
这是我验证以上代码的脚本:
$(function(){
$("#product_form").validate({
ignore: [],
rules: {
description: {
required: function(){
CKEDITOR.instances.description.updateElement();
}
}
}
});
})
我一直在关注这个 fiddle 并根据我的需要进行定制,但没有任何反应。有谁能够帮助我?谢谢
您有以下两个问题...
rules: {
description: {
required: function(){
CKEDITOR.instances.description.updateElement();
}
}
}
您只能使用字段的
name
,而不是rules
中的id
选项。在这种情况下,product[description]
.将
function()
作为required
规则的参数在这种情况下没有任何意义。该字段要么是required
,要么不是,因此此规则只能是true
或false
。
试试这个...
rules: {
"product[description]": { // <-- name of the field
required: true // <-- this field is required
}
}