JQuery Masked Input Plugin doesn't accept paste

jquery maskedinput
jguilhermemv picture jguilhermemv · Jan 24, 2013 · Viewed 11.5k times · Source

First of all, I'm using:

  • Jquery 1.8.3
  • Masked Input Plugin 1.3.1 (The plugin can be found here)

My goal:

  • Mask an input field to accept only 11 numeric digits. However I want it to accept copy and paste in a way that if I copy a text containing only 11 numbers from an external source (e.g text file), the plugin let me paste in the masked input field.

The problem:

  • When I try to paste for example: 03073870970 (11 numbers), the mask only accepts 030738709 (9 numbers).

What should I do to solve this? Any tips are welcome.

Answer

Demeter Dimitri picture Demeter Dimitri · Feb 10, 2014

You dont need to change your plugin. You could bind paste event and clear the content just before the paste. So the mask wont be keeping any spaces to prevent you from making your paste.

$('input.class').bind('paste', function () { $(this).val(''); });

Related questions

Phone mask with jQuery and Masked Input Plugin

I have a problem masking a phone input with jQuery and Masked Input Plugin. There are 2 possible formats: (XX)XXXX-XXXX (XX)XXXXX-XXXX Is there any way to mask it accepting both cases? EDIT: I tried: $("#phone").mask("(99) 9999-9999"); $("#telf1").mask("(99) 9999*…

Read More
Masked input for currency jQuery

In my web application I have an input field called "Budget" where users enter the proposed budget for a project. I need to create a masked input to automatically bring the entered amount to the following format while the user …

Read More
How to change Phone number format in input as you type?

My CodePen: http://codepen.io/leongaban/pen/cyaAL I have an input field for a phone number which allows up to 20 characters (for international numbers). I'm also using the Masked input jQuery plugin by Josh Bush to format the phone …

Read More