Menu Close

Limit Character Length in Textarea Elementor Forms

Ok,

So I searched the internet for this subject as I was getting lots of Spam emails with Huge amounts of data in the Message area of the Elementor form.

After looking at buying Plugins that did the job, I wasn’t sure I really needed to fork out for a Subscription for a plugin that all I wanted was a simple fix.

It’s no use setting a ROW limit, as you can still enter unlimited characters.

Captcha is no help, as it just checks the email as spam or not.

The ONLY downside to using a HTML field is that you cannot change the input box as you don’t have the Advanced Tab available. But this can be done with more custom code if required. You also don’t have a Short Code for HTML Fields.

 

So here’s what you need to do:

1: Create your form in the usual way by adding fields

2: Add a HTML Field this will become your New Message field

3: Add this Code into the HTML Field

<form action=”/action_page.php”>
<label for=”message”>Message: Max characters 100</label>
<input type=”text” id=”message” name=”message” maxlength=”100″>
</form>

4: Change the maxlength=”100″ to suit your field length required ie: 50 or 200 etc. I found that 100 is a good length for myself.

5: That’s it, you have now limited the input of the user to 100 characters

6: Don’t forget to Label the HTML Field

Side note: if you want a Heading, just place this h1 code : <h1>Your Message (change me to suit your heading)</h1>       above <form action. 

Let me know if this helped you!

Regards,

Wayne