Update form validation on right-click cut/paste

Question

I check the length of user input to give feedback before they attempt to submit the form. Here's my code:

var $foo = $("#foo"), $span = $("span")
$foo.on('keydown keyup change', function(){
  $span.text($foo.val().length);
}).trigger('change');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="foo">Ipsum</textarea>
<small><span></span> characters.</small>

This works correctly for input typed. However, if a user cuts or pastes via the context menu, the count is not updated. How can I ensure the count is always updated?

@AshishBhagat See [this answer](http://stackoverflow.com/a/2988757/1234256). — Mooseman, May 26 '15 at 11:25
check out this answer to catch pasted data http://stackoverflow.com/a/688682/1659904 — Ashish Bhagat, May 26 '15 at 11:29

RichieHindle · Accepted Answer · 2015-05-26T11:27:35.303

2

You need to add input to the list of events that you handle:

$foo.on('keydown keyup change input', function() { ...

When the user does (for example) Right-click / Cut or Right-click / Paste, its the input event that gets fired.

edited May 26 '15 at 11:27

answered May 26 '15 at 11:21

RichieHindle

272,464
47
358
399

Update form validation on right-click cut/paste

1 Answers1