Options Text Area (Regexp) Help

[goia007]

Hello,



I wonder if someone can help me.

In my product page I want to offer a gift card. I have created the Select Box dropdown, but I need to create a Text Area. I have no idea how to use Regexp. In the Text Area i want to limit the number of characters someone can type.



Can someone help or make some suggestion.



Greatly appreciate some help.



thanks

[alt-team]

Dear Goia007,



Could you please specify do you want to add this gift card in product option? Or what?

[quote name='goia007' timestamp='1418243402' post='199398']

In the Text Area i want to limit the number of characters someone can type.

[/quote]



You may use maxlength attribute

```php

Enter text here...

```



Best regards, Alt-team.

[goia007]

[quote name='Alt-team' timestamp='1418285436' post='199431'] Dear Goia007, Could you please specify do you want to add this gift card in product option? Or what? You may use maxlength attribute Enter text here...</code>Best regards, Alt-team.[/quote]<br><br> <br><br> Hello Alt-team.<br><br> <br><br> I have added 3 images<br><br> <br></p> <ol> <li>image 01.gif my product page in store front. I have added an option Gift Note (No/Yes) and Message (text area) with options.<br> </li> <li>Message box image 01.gif. If you look at image 02.gif, Option fields, Type: Text area, Inner hint: max 14 characters (example only). When you type something in the Inner hint it appears inside the text area. That is fine, but I want to limit the number of characters withing the text area.<br> </li> <li>image 03.gif, this was cut out from a web site I shop from. If you notice the box has 5 lines avialable, 35 charaters remaning this time. This is what I want to achieve in the text area.<br><br> <br><br> I don't no anyting about Regexp, but did a search in CS Cart forum and found this string ^([^\r\n]{0,10}(\r?\n|$)){1,4}$, something about it limits the number of charaters to 14. I put this in (image 02.gif) RegExp field, but did not do anything.<br><br> <br><br> Do you know of an easy way to do this or this needs to be hard coded into the tpl files?<br><br> <br><br> I was thinking of maybe creating a block/form/option, but do not know if this doable within CS Cart.<br><br> <br><br> Your help is greatly appreciate on this matter.<br><br> <br><br> Thank you again.<p><a>01.gif</a></p> <p><a>02.gif</a></p> <p><a>03.gif</a></p> </li> </ol> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"/> <meta itemprop="userInteractionCount" content="0" /> </div> </div> <div id='post_4' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://forum.cs-cart.com/u/ecomlabs'><span itemprop='name'>ecomlabs</span></a> </span> <link itemprop="mainEntityOfPage" href="https://forum.cs-cart.com/t/options-text-area-regexp-help/37771"> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2014-12-11T00:00:00Z' class='post-time'> December 11, 2014, 12:00am </time> <meta itemprop='dateModified' content='2014-12-11T00:00:00Z'> <span itemprop='position'>4</span> </span> </div> <div class='post' itemprop='text'> <p>Try this regular expression:<br><br> <br></p> <pre><code class="lang-php"><br /> ^[\s\S]{0,10}$<br /> ```<br /> <br /> where [b]10 [/b]is the limit of characters. Can be tested here:<br /> <br /> http://regexpal.com/</code></pre> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"/> <meta itemprop="userInteractionCount" content="0" /> </div> </div> <div id='post_5' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://forum.cs-cart.com/u/goia007'><span itemprop='name'>goia007</span></a> </span> <link itemprop="mainEntityOfPage" href="https://forum.cs-cart.com/t/options-text-area-regexp-help/37771"> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2014-12-11T00:00:00Z' class='post-time'> December 11, 2014, 12:00am </time> <meta itemprop='dateModified' content='2014-12-11T00:00:00Z'> <span itemprop='position'>5</span> </span> </div> <div class='post' itemprop='text'> <p>[quote name='eComLabs' timestamp='1418312592' post='199505']<br><br> Try this regular expression:<br><br> <br></p> <p><code><br /> ^[\s\S]{0,10}$<br /> </code><br><br> <br><br> where <span class="bbcode-b">10 </span>is the limit of characters. Can be tested here:<br><br> <br><br> [url=“<a href="http://regexpal.com/" rel="noopener nofollow ugc">http://regexpal.com/</a>”]<a href="http://regexpal.com/%5B/url%5D" class="inline-onebox" rel="noopener nofollow ugc">- Regex Pal</a><br><br> [/quote]<br><br> <br></p> <p>[quote name='eComLabs' timestamp='1418312592' post='199505']<br><br> Try this regular expression:<br><br> <br></p> <p><code><br /> ^[\s\S]{0,10}$<br /> </code><br><br> <br><br> where <span class="bbcode-b">10 </span>is the limit of characters. Can be tested here:<br><br> <br><br> [url=“<a href="http://regexpal.com/" rel="noopener nofollow ugc">http://regexpal.com/</a>”]<a href="http://regexpal.com/%5B/url%5D" class="inline-onebox" rel="noopener nofollow ugc">- Regex Pal</a><br><br> [/quote]<br><br> <br><br> eComLabs,<br><br> <br><br> thank you for response, I added this (see image attached) to RegExp field in the options, cleared cache and not working. Does this string need to be hard coded? Anything I put in the RegExp field nothing happens.<br><br> <br><br> thank you for your help.</p><p><a>02.gif</a></p><p></p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"/> <meta itemprop="userInteractionCount" content="0" /> </div> </div> <div id='post_6' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://forum.cs-cart.com/u/goia007'><span itemprop='name'>goia007</span></a> </span> <link itemprop="mainEntityOfPage" href="https://forum.cs-cart.com/t/options-text-area-regexp-help/37771"> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2014-12-11T00:00:00Z' class='post-time'> December 11, 2014, 12:00am </time> <meta itemprop='dateModified' content='2014-12-11T00:00:00Z'> <span itemprop='position'>6</span> </span> </div> <div class='post' itemprop='text'> <p>I got it how it works, i added string ^[\s\S]{0,10}$ RegExp field in options then you must also type the error message that will appear as in error in “Incorrect filling message”. Save. refresh your site. Test. if you type more than 10 characters and hit Add to Cart the Error message appears not letting the customer move forward till it's fixed.<br><br> <br><br> Well thanks for help anyways.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"/> <meta itemprop="userInteractionCount" content="0" /> </div> </div> <div id='post_7' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://forum.cs-cart.com/u/ecomlabs'><span itemprop='name'>ecomlabs</span></a> </span> <link itemprop="mainEntityOfPage" href="https://forum.cs-cart.com/t/options-text-area-regexp-help/37771"> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2014-12-12T00:00:00Z' class='post-time'> December 12, 2014, 12:00am </time> <meta itemprop='dateModified' content='2014-12-12T00:00:00Z'> <span itemprop='position'>7</span> </span> </div> <div class='post' itemprop='text'> <p>[quote name='goia007' timestamp='1418335801' post='199517']<br><br> I got it how it works, i added string ^[\s\S]{0,10}$ RegExp field in options then you must also type the error message that will appear as in error in “Incorrect filling message”. Save. refresh your site. Test. if you type more than 10 characters and hit Add to Cart the Error message appears not letting the customer move forward till it's fixed.<br><br> <br><br> Well thanks for help anyways.<br><br> [/quote]<br><br> <br><br> We are glad to hear that problem is solved.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/CommentAction"/> <meta itemprop="userInteractionCount" content="0" /> </div> </div> </div> </div> <footer class="container wrap"> <nav class='crawler-nav'> <ul> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/' itemprop="url">Home </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/categories' itemprop="url">Categories </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/guidelines' itemprop="url">FAQ/Guidelines </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://www.cs-cart.com/services-agreement-technical-support.html' itemprop="url">Terms of Service </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://www.cs-cart.com/privacy-policy.html' itemprop="url">Privacy Policy </a> </span> </li> </ul> </nav> <p class='powered-by-link'>Powered by <a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p> </footer> </body> </html>