• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 897
  • Last Modified:

ext.net - TextArea limit word in textarea to 10 - max words

Ext.net ver 2.0

I have a 5 textareas defined and I want to the stop the user from entering more that 10 words in each textarea. Should I be using listners and what js code should I implement. I am weak in Js. Thanks for your help.
<ext:TextArea id="id1" runat="server" enableKeyEvents="true">
<ext:TextArea id="id2" runat="server" enableKeyEvents="true">
<ext:TextArea id="id3" runat="server" enableKeyEvents="true">
<ext:TextArea id="id4" runat="server" enableKeyEvents="true">
<ext:TextArea id="id5" runat="server" enableKeyEvents="true">
1 Solution
Monica PSoftware DeveloperCommented:
The onchange will prevent context-menu pasting, and the onkeyup will fire for every keystroke

for example

<script type="text/javascript">
function change (el) {
var max_len = 10;
if (el.value.length > max_len) {
el.value = el.value.substr(0, max_len);
document.getElementById('char_cnt').innerHTML = el.value.length;
document.getElementById('chars_left').innerHTML = max_len - el.value.length;
return true;

Open in new window

<textarea cols=100 rows=20 onkeyup="change(this);"></textarea>
<br>You've typed <span id="char_cnt">0</span> character(s). You
are allowed <span id="chars_left">lots</span> more.

Open in new window

to check it for more

StephanLead Software EngineerCommented:
To have limit on words you can use this: http://jsfiddle.net/4QZy2/2/

<textarea name="description" id="description" onkeypress="return validateText(this);"></textarea>

Open in new window

with the following javascript code:

function validateText (el) {
    var maxWordLength = 10;
    var array = el.value.split(' ');
    if (array.length <= maxWordLength)
        return true;
    return false;

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now