Disable Copy or Paste action for text box?

Question

I have two textboxes, and I want to prevent user from copying the value from the first (email) textbox and pasting it in the second (confirmEmail) textbox.

Email: <input type="textbox" id="email"><br/> Confirm Email:    <input type="textbox" id="confirmEmail"> 

I have two solution in my mind:

1. Prevent copy action from the email textbox, or
2. Prevent paste action from the confirmEmail textbox.

Any idea about how to do it?

http://jsfiddle.net/S22ew/

Answer 1

Check this fiddle.

 $('#email').bind("cut copy paste",function(e) {      e.preventDefault();  }); 

You need to bind what should be done on cut, copy and paste. You prevent default behavior of the action.

You can find a detailed explanation here.