使用jQuery和验证插件验证textarea

Question

我使用这个插件作为我的文本编辑器elrte

当我尝试验证jquery验证插件中的文本区域时，它不起作用

var ArticleFormValidation = {};
                ArticleFormValidation.init =
                {
                    setArticleFormValidation: function()
                    {
                        //form validation rules
                        $("#ArticleForm").validate({
                            rules: {
                                ArticleTitle: "required",
                                slug: "required",
                                editor: "required"

                            },
                            messages: {
                                ArticleTitle: "Please enter article title",
                                slug: "Please enter article slug",
                                editor: "Please enter article body"
                            }


                        }); 
                    }
                }

它过去仅验证ArticleTitle，Slug的前两个字段，并且不验证文本区域，当我删除文本编辑器代码并将字段恢复为普通文本区域时，它可以工作

这是调用文本区域的代码

 var opts = {
                cssClass : 'el-rte',
                // lang     : 'ru',
                height   : 450,
                toolbar  : 'complete',
                cssfiles : ['../libs/elrte/css/elrte-inner.css']
            }
    $('#editor').elrte(opts);

我需要做的是在它成为编辑器时验证文本区域，因为将其用作普通文本区域没有用

Answer 1

您可以单独验证吗？

if($('textareaid').val().Trim().Length == 0 ){

// alert

}

另外，作为一种变通办法，您可以将隐藏的输入作为文本区域，并模拟在该字段中键入主文本区域并进行验证。 隐藏的输入可以是文本框或文本区域。 看到这个jsfiddle