[Resolved] Limit the Number of Characters in a Text Field in a content submission form

[Author]

Posts

[Nicola Inwood]

Tell us what you are trying to do?

I have text areas in one of our content submission forms and want to control how many characters are submitted in that area. What is the easiest way to do this?

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

[Nigel]

Hi Nicola

You can add a little snippet of JavaScript to your form to set the maxcharacters attribute on the textarea(s).

When editing your form you can add the following to the JS editor section:

( function( $ ) {
	$( document ).ready( function(){
		$('textarea[name^="wpcf-"]').attr('maxlength', 20);
	});
})( jQuery );

You just need to edit the number of characters (currently 20).

[Nicola Inwood]

Nigel

Thanks you for this. So nice to have such a rapid response.

Is there also the same option for the post_excerpt area in the post form?

[Nigel]

The name of the post excerpt textarea is "post_excerpt" so it's missed by the selector in the above code, so you just need to update it to add it separately, like so:

( function( $ ) {
    $( document ).ready( function(){
        $('textarea[name^="wpcf-"]').attr('maxlength', 20);
        $('textarea[name="post_excerpt"]').attr('maxlength', 20);
    });
})( jQuery );

[Nicola Inwood]

My issue is resolved now. Thank you!