Validating Redactor Editor content using jQuery Validate plugin

Question

Has anybody successfully integrated Redactor editor with jQuery validation?

<textarea class="text-input textarea" rows="25" id="page_content" name="page_content"></textarea>

$("#add_cms").validate({
    rules: {
        page_content: "required"
        },
    messages: {
        page_content: "Content can't be empty!"
        }
});

@Sparky, I was struggling with it for a few hours, tried additional-methods too. But the method wasn't even getting invoked. I got frustrated and removed all those code. It was at that point that I asked the question here.

It seems that Redactor is rendering the textarea as display:none; so the jQuery validate isn't getting triggered.

That's a "yes/no" question. If you're really looking for a solution with code, then show your own attempt first. — Sparky
– Sparky, Commented Oct 28, 2013 at 14:35
@Sparky Did you really have to take away 4 of my only 6 reputation points? I am pretty new here, give me a break. — Tony P V
– Tony P V, Commented Oct 30, 2013 at 11:10
I have no power to do any such thing. Also, comments is not the appropriate place to discuss or complain about your rep. — Sparky
– Sparky, Commented Oct 30, 2013 at 13:54
Have you tried using sync in the blurCallback? I think that will put the text into the textarea. — MForMarlon
– MForMarlon, Commented Oct 30, 2013 at 23:21

Community · Accepted Answer · 2017-05-23 11:43:48Z

2

Quote OP:

It seems that Redactor is rendering the textarea as display:none; so the jQuery validate isn't getting triggered.

If that's all it is, you can simply enable that feature of the plugin.

By default, jQuery Validate will ignore all hidden fields. This can be reversed by setting the ignore option to [].

$("#add_cms").validate({
    ignore: [],    // <-- allows validation of all hidden fields
    rules: {
        page_content: "required"
    },
    messages: {
        page_content: "Content can't be empty!"
    }
});

See this answer: https://stackoverflow.com/a/8565769/594235

edited May 23, 2017 at 11:43

CommunityBot

11 silver badge

answered Nov 21, 2013 at 0:54

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Validating Redactor Editor content using jQuery Validate plugin

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related