Question

88

Javascript - Removing spaces on paste

rated 0 times [ 95] [ 7] / answers: 1 / hits: 22248 / 12 Years ago, mon, august 13, 2012, 12:00:00

I have an input text field with a maxlength of 10. The field is for Australian phone numbers (10 digits). Phone numbers are generally split up into the following syntax

12 12345678

If someone copies the above and pastes that into my input field, it obviously leaves the last digit out and keeps the space.

Is there a way to remove any spaces right before it is pasted into the input box? Or is there another work around?

Thanks in advance.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

gavenmekhio

Add To Favorites

Follow

Total Points: 732

Total Questions: 89

Total Answers: 93

Location: Central African Republic

Member since Mon, Aug 10, 2020

4 Years ago

answered 12 Years ago jadon · Accepted Answer

This should work for you:

HTML

<input type=text id=phone maxlength=10 />

JavaScript

var phone = document.getElementById('phone'),

    cleanPhoneNumber;



cleanPhoneNumber= function(e)

{

 e.preventDefault();

 var pastedText = '';



 if (e.clipboardData && e.clipboardData.getData)

 {// Standards Compliant FIRST!

  pastedText = e.clipboardData.getData('text/plain');

 }

 else if (window.clipboardData && window.clipboardData.getData)

 {// IE

  pastedText = window.clipboardData.getData('Text');

 }



 this.value = pastedText.replace(/D/g, '');

};



phone.onpaste = cleanPhoneNumber;

Fiddle: http://jsfiddle.net/y6TYp/6/

Update nnnnnn had a great point regarding Australian phone numbers, updating replace regex.