InputTextMask plugin for Textfield

[amackay11]

FYI to all.... I found a 4.0 version at : http://www.extjs.com.br/forum/index....e;topic=4808.0

It works great!

[jhuaraya]

Hi:
im using this plugin to mask an ip address like that:

 var comp = new Ext.form.TextField({
                            name:'ip-address',
                            fieldLabel:'ip address',
                            plugins: [new Ext.ux.InputTextMask('999.999.999.999', true)]
                        });

but when i want to write an ip addres like 192.168.1.2 doesn't work, i must put 192.168.001.002
is there any way to solve this problem

[giovannicandido]

I create a project to build ExtJS extensions. And put this InputTextMask in them.
The version works with Extjs 4.

The project is in: https://bitbucket.org/giovanni/extjs/

[lamynes]

Awesome extension first off, is there an example for email input?
Is it possible?

[nil5286]

I have used the masking plugin - it works but i have a specific requirement.

1. When the page is loaded it is not showing the masking for the field, Even though i have set. Only when i click inside the field that it shows the masking.

2. When i do

Ext.getCmp('phone').getValue()

i should just get the field value without masking, ie i should get "1111111111" instead of "(111)111-1111" .

example of code that i tried:

{
                xtype: 'textfield',
                fieldLabel: 'Phone',
                id: 'phone',
                allowBlank: false,
                plugins: [new Ext.ux.InputTextMask('(999)999-9999', false)]
            },

Any help is appreciated.

[brentdooley999]

In my application I have defined a form to edit employees. This form is instantiated on the main employee edit page. I have another instance of this for that exists in a hidden window. For some reason having 2 of the same objects with input masks as children really messes things up. I have been able to throw together a simple test case that breaks in the same way as my actual application.

Ext.define('form', {
    extend: 'Ext.form.Panel',
    items:[{
        xtype:'textfield',
        fieldLabel: 'test',
        plugins: [new Ext.ux.InputTextMask('99999-9999', false)]
    }]
});

var win1 = Ext.create('Ext.Window', {
    height: 300,
    width: 300,
    items: Ext.create('form')
});

var win2 = Ext.create('Ext.Window', {
    height: 300,
    width: 300,
    items: Ext.create('form')
});

win1.show();

win2.show();

When I run this I get the following error

TypeError: this.field.inputEl is undefined

this.inputTextElement = this.field.inputEl.dom

Can someone else verify this behavior?

[amackay11]

Yes brentdooley999, I am experiencing the same problem. I have a 'master' form with a plugin field on it. When the form is extended to two children, I get lock-up on the field. Anyone solved this?

[giovannicandido]

Awesome extension first off, is there an example for email input?
Is it possible?

The way mask does, it is not possible make an email mask. Because the mask have to be the number of input characters, for example, a mask of 9999 have to be 4 digits. Not possible do the same as regular expressions can do, but if your specific mask is some like user@domain.com and '@domain.com' is fixed and user have exact 4 digits, them you could.

[JacobGu]

This plugin is broken on IE 11 and any other browser which adheres to the new standards used for text selection. Does anyone have a fixed version?

[DerekBrennan20]

Hi, as per previous post I have found that the plugin is broken in later browsers. There have been changes to how selections and ranges are worked with that have broken the functions getCursorPosition and moveCursorToPosition. Has anyone had a go at fixing this? I've had a look but can't figure it out.

I'm on ExtJS 4.2.

Assuming this did work, would this plugin also work on Touch?

Thanks,

Derek Bennnan.