Append Alert Message To Element After Paste Action Gravity Forms

Question

Im using Gravity forms on Wordpress. We have a text area that we have disabled cut, copy, paste and drop using Javascript.

We are using the following:

<script type="text/javascript">
$(function () {
    var controls = $(".disable");
    controls.bind("paste", function () {
        return false;
    });
    controls.bind("drop", function () {
        return false;
    });
    controls.bind("cut", function () {
        return false;
    });
    controls.bind("copy", function () {
        return false;
    });
});
$('textarea').on('paste', function () {
 var element = this;
 setTimeout(function () {
 $(".paste-alert").append("<b>Copy and paste detected:</b> Please take time to write a unique description for your listing. This will ensure your advert will get found in the search engines and help keep Local Business a high authority, free directory. ");
 }, 100);
 });
 </script>

and adding a "disable" class to the textarea.

We also have a separate element:

<p class="paste-alert"></p>

When a user attempts to copy and paste in to the text area we want the text:

"Please don't copy and paste"

To appear in the .paste-alert element

Can anyone help, this is driving me crazy?!

Help with what? There is no specific question here and you haven't identified what is or isn't working — charlietfl, May 16 '15 at 12:05
The above code works fine, but I need help to add the alert to the same code to append to the paste alert element. — Alan Carr, May 16 '15 at 12:09
I've edited the code with what ive tried, which works but it doesnt append after the copy and paste takes place — Alan Carr, May 16 '15 at 12:20

score 0 · Accepted Answer · edited May 23 '17 at 12:30

0

You can archieve this with:

$('input').on('paste', function () {
  var element = this;
  setTimeout(function () {
    $(".paste-alert").append("<b>Copy and paste detected:</b> Please take time to write a unique description for your listing. This will ensure your advert will get found in the search engines and help keep Rate Local a high authority, free directory. ");
  }, 100);
});

Fiddle: http://jsfiddle.net/me5dvwqL/3/

Source (best voted answer): Catch paste input

EDIT:

Final fiddle after chat: http://jsfiddle.net/n4hw4cer/4/

edited May 23 '17 at 12:30

Community

1
1

answered May 16 '15 at 12:31

Juan Marcos Armella

737
6
13

I undestarnd you question now. Hope it helps. – Juan Marcos Armella May 16 '15 at 12:46
Hi again, although your code works on jsfiddle I cant seem to get it to work. – Alan Carr May 16 '15 at 14:54
Can you bring the code of the input or something else? A fiddle dont working? – Juan Marcos Armella May 16 '15 at 14:55
Can you post the html code of the element textarea? – Juan Marcos Armella May 16 '15 at 15:05
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/77969/discussion-between-juan-marcos-armella-and-alan-carr). – Juan Marcos Armella May 16 '15 at 15:07

Append Alert Message To Element After Paste Action Gravity Forms

1 Answers1