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

Multiple mask types

6 Answers 103 Views
Input
This is a migrated thread and some comments may be shown as answers.
Paul Huff
Top achievements
Rank 1
Paul Huff asked on 20 Jan 2010, 04:25 PM
Hi,

Are multiple masks possible on a masked textbox?

I am taking a credit card as an input and only want to allow numbers and format them with the dash, but I also want to mask the first 3 sets of digits

Final output should look like: XXXX-XXXX-XXXX-1234

This gives me the numbers:

<0..9><0..9><0..9><0..9>-<0..9><0..9><0..9><0..9>-<0..9><0..9><0..9><0..9>-<0..9><0..9><0..9><0..9>

This gives me the mask:

XXXX-XXXX-XXXX-<0..9><0..9><0..9><0..9>

However, can I use a mask to restrict the first 3 sets as numbers or must I use a custom javascript validation routine for this?

Realistically this control should have a mask AND input restriction capability.

Thanks!

Paul





6 Answers, 1 is accepted

Sort by
0
Paul Huff
Top achievements
Rank 1
answered on 20 Jan 2010, 05:09 PM
Ok, so I figured it out.

Mask = ####-####-####-####
PromptChar = _

DisplayMask = XXXX-XXXX-XXXX-####
0
Paul Huff
Top achievements
Rank 1
answered on 20 Jan 2010, 06:15 PM
Nevermind, this doesn't work.

It outputs XXXXs and the displayed portion is the first digits, not the last.  Arg.
0
Scott Marx
Top achievements
Rank 1
answered on 08 Mar 2011, 03:27 AM
Did you every figure this out?
0
Veli
Telerik team
answered on 11 Mar 2011, 09:16 AM
Hi guys,

This scenario is not supported by RadMaskedTextBox. You cannot mix prompt chars and portions of the value. If you do, RadMaskedTextBox always takes characters from the beginning of the value string (not from the end as you need). You can use a hack to overwrite this behavior, though.

NOTE: The following code is not officially supported and not guaranteed to work with other control functionality. Use at your own risk.

<telerik:RadMaskedTextBox ID="RadMaskedTextBox1" runat="server"
    Mask="####-####-####-####" PromptChar="_"
    DisplayMask="XXXX-XXXX-XXXX-####">
    <ClientEvents OnLoad="initializeForCreditCard"/>
</telerik:RadMaskedTextBox>

function initializeForCreditCard(sender, args)
{
    sender._originalGetDisplayValue = sender.get_displayValue;
    sender.get_displayValue = function ()
    {
        var value = this.get_valueWithPrompt();
 
        // hack: add this part to clip the display value to the last 4 characters
        if (value.length > 4)
        {
            value = value.substr(value.length - 4);
        }
        //end of hack
 
        while (value.length < this._displayLength)
        {
            value += this.get_promptChar();
        }
 
        this._UpdateDisplayPartsInRange(value, 0, this._displayLength);
        if (this._displayParts)
            return this._GetVisibleValues(this._displayParts);
        else
            return this._GetVisibleValues(this._parts);
    }
}

The above javascript function overwrites a RadMaskedTextBox method. It causes the textbox to take the last 4 characters when building the display value. Thus, you get a display value of the form xxxx-xxxx-xxxx-#### where the 4 digits at the end are the last 4 digits of the value you have entered. I use RadMaskedTextBox's client-side OnLoad event to  attach this script. This means I overwrite the current instance method, do not touch the prototype. You can have other RadMaskedTextBox instances on your page and they will not be affected by the above hack. Only your credit card textbox will implement it.

Again, this is unsupported code. No guarantees given.

Veli
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
Scott Marx
Top achievements
Rank 1
answered on 15 Mar 2011, 07:11 PM
It works as far as I can tell. Why isn't this a built in feature? From searching the forums this seems to be a very common situation.

Thank you...
0
Veli
Telerik team
answered on 16 Mar 2011, 09:43 AM
RadMaskedTextBox's current design prevents such scenarios. The DisplayMask does not support showing only parts of the value entered by the user and hiding other parts. We can only suggest scenario-specific workarounds for that.

Veli
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
Tags
Input
Asked by
Paul Huff
Top achievements
Rank 1
Answers by
Paul Huff
Top achievements
Rank 1
Scott Marx
Top achievements
Rank 1
Veli
Telerik team
Share this question
or