This is a migrated thread and some comments may be shown as answers.

MaskedTextBox - Paste issues with Phone Numbers

7 Answers 591 Views

Input

This is a migrated thread and some comments may be shown as answers.

7 Answers, 1 is accepted

answered on 26 Sep 2008, 02:05 PM

I read all of the linked articles below before I posted and I could not figure out how to capture/replace/modify the pasted string.

“ClientEvents-OnValueChanging” does not appear to fire for MaskedTextBox.
The only other event that appears to be useable is; “ClientEvents-OnError”. How do I use this event ? It does not have anything that I can use (that I can figure out). It will tell me what the value is but not allow me to change it.

Is there a way that during a paste operation, I can remove any non-numeric characters such that Users can copy in phone numbers from other sources? Can I capture the paster operation, clean it, and then apply it to the control? Thank you.

Michael J. Boles.

Accepted

answered on 29 Sep 2008, 01:46 PM

Hi Michael,

You are right, the OnValueChanging event handler is not supported for MaskedTextBox, sorry for the misleading information. OnError is not intended to be used in such cases either, so try implementing a solution similar to the demo here:

http://msdn.microsoft.com/en-us/library/ms536955(VS.85).aspx

You can subscribe to onpaste like this:

<telerik:RadMaskedTextBox onpaste="OnPaste()" />

<script type="text/javascript">
    function OnPaste()
    {
        // .........
    }
</script>

Alternatively, you can modify the mask or the source from where the phone numbers is copied, if possible.

Regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 29 Sep 2008, 02:54 PM

Thank you for the reply. That is exactly what I was looking for! I actually used the "onbeforepaste" event. Below is the code that I implemented....

Users are restricted to a US Phone format with no extension.
If they copy/paste data from another source, anything that is not a number is stripped out prior to pasting.

Thank you again.

ASPX (control is in a radGrid):
<

telerik:RadMaskedTextBox ID="rmtbBLPhone" runat="server"
SelectionOnFocus="SelectAll" Mask="(###) ###-####"
TextWithLiterals='<%# Bind("BLPhone") %>' onbeforepaste="TlrkMaskUSPhoneBP_MN()" >
</telerik:RadMaskedTextBox>

<asp:RegularExpressionValidator ID="rev1" runat="server" ControlToValidate="rmtbBLPhone" ErrorMessage="*"
ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}" ValidationGroup="vgContact">
</asp:RegularExpressionValidator>

JS:
function TlrkMaskUSPhoneBP_MN()
{
    // Before pasting into the control, strip out everything that is not a number.
    event.returnValue = false;
    var sNewString = window.clipboardData.getData("Text", sNewString);
    sNewString = sNewString.replace(/\D/g, "");
    window.clipboardData.setData("Text", sNewString);
}

answered on 01 Oct 2008, 12:54 PM

Steve,

It won't show in the Intellisense for the RadMaskedTextBox (RMTB) control, but they are valid events. If you add a plain HTML input control they show up there;

<input id="Text1" type="text" onbeforepaste="[FuncName]" onpaste="[FuncName]" />

Ultimately, the RMTB gets drawn as an INPUT control which is why the “onbeforepaste” works.

……..<span id="RadMaskedTextBox1_wrapper" class="radInput_Default" style="white-space:nowrap;">
<input type="text" size="20" value="(___) ___-____" id="RadMaskedTextBox1……….

I did not receive any build errors or have any “issues” adding it to the RMTB. Basically (IMO) it is a supported but unlisted attribute. I don’t know enough about the control to explain it any better than that IE: I don't know why it allows you to add this call to the RMTB without first adding it as an "attribute" I suppose if you want/need to be more specific in your code, you could add the reference in the code-behind but that just seems like extra work to me.

protected void Page_Load(object sender, EventArgs e)
{
RadMaskedTextBox1.Attributes.Add("onbeforepaste", "bp");
}

Hope that helps!

Michael J. Boles