使用jquery和验证插件验证textarea

时间:2012-10-02 11:44:31

标签: javascript jquery jquery-ui jquery-plugins

我使用此插件作为我的文本编辑器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);

我需要做的是在文本区域成为编辑器时对其进行验证,因为将其用作普通文本区域是无用的

1 个答案:

答案 0 :(得分:0)

您可以单独验证吗?

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

// alert

}

或者作为一个黑客攻击,您可以将隐藏输入作为文本区域,并模仿主要文本区域在此字段中的键入并验证这一点。隐藏的输入可以是文本框或文本区域。见jsfiddle