使用jQuery和验证插件验证textarea

Question

i use this plug as my text editor elrte

when i tried to validate the text area within the jquery validation plugin it didn't work

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"
                            }


                        }); 
                    }
                }

it used to validate the first 2 fields only ArticleTitle,Slug and didn't validate the text area and when i removed the text editor code and get the field back as normal text area it works

and this is the code for calling the text area

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

what i need to do is to validate the text area when it becomes an editor because its useless to use it as normal text area

Answer 1

Can you validate it separately?

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

// alert

}

Alternatively as a hackaround you could have a hidden input as a text area and mimic the typing of the main text area into this field and validate this. The hidden input could be a textbox or text area. See this jsfiddle