jQuery Count limit input across multiple fields?

Question

Is it possible to limit number of characters across multiple fields?

I'm using jQuery count and need to set a total character limit across multiple fields.

If limit is 100 and user enters 75 char in 1st field they should only be able to enter 25 characters in 2nd field.

Example:

<form id="count">
<textarea id="one" class="text" ></textarea>
<textarea id="two" class="text" ></textarea>
<span id="left" />
</form>

<script>
$(function() {
$('#one, #two').limit('140','#left');
});
</script>

Above does not work. Also tried $('#one', '#two").limit('140', '#left');

mu is too short · Accepted Answer · 2011-05-29 05:10:05Z

1

Yes it is possible but not with the plugin you're using. All you need to do is bind a keyup handler to both textareas and then check the sum of the lengths of the values of both textareas:

var total_length = $('#textarea1').val().length + $('#textarea2').val().length;

If the total length exceeds what you want then truncate the text area that currently has focus.

answered May 29, 2011 at 5:10

mu is too short

436k71 gold badges863 silver badges822 bronze badges

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

Collectives™ on Stack Overflow

jQuery Count limit input across multiple fields?

Is it possible to limit number of characters across multiple fields?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Is it possible to limit number of characters across multiple fields?

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related