assisrafael / angular-input-masks Goto Github PK

I have a case where I need to input a phone number into an input field that has a mask. My issue is that when I remove the mask it all works fine, however when the mask is in place the UI does not register the key values.

The input field is

and my test script:

it('enter details', function() {
//select layout
browser.driver.findElement(by.name("layout(2)")).click();
//input phone numbers
var buttons1 = element(by.repeater('button in phone.buttons').row(0));
buttons1.element(by.model('button.name')).sendKeys('joe');
buttons1.element(by.model('button.number1')).sendKeys('0824669595');
var continueBtn = element(by.linkText('Continue')).click();
});

TypeError: undefined is not a function
at Array. (http://localhost:9000/bower_components/angular-input-masks/releases/masks.js:1295:35)

i try fix with:

            ctrl.$formatters.push(function(value) {
                if(!value) {
                    return value;
                } else {
                    /////ADD PARSEFLOAT BEFORE TOFIXED
                    value = parseFloat(value);
                }
                return moneyMask.apply(value.toFixed(decimals).replace(/[^\d]+/g,''));
            });

The ui-negative-number have bugs if you change a negative number.

Hello Rafael,

I'd notice that you need to add a 'main' prop to your bower.json, otherwise, plugins like bowerFiles will not work with this.

You just need to add "main": "./releases/masks.min.js" to your bower.json and that's it. :)

Como tem nos EUA que você precisa ter mais de 13 para usar o serviço, blah blah, poderia ter um validador de data de aniversário, com uma idade mínima tipo <input ui-min="18" ui-birthday-mask> e validar se também o aniversário / meses são válidos (tirando as exceções, tipo anos bissextos)

I tried to use your library in IE8 and it immediately blew up. In the definition of var tokens the use of "default" is causing problems because it is a reserved word. If I changed it to _default the library works perfectly in IE8.

TypeError: Cannot read property 'replace' of undefined
This error points to somewhere inside StringMask.

Also, this error only appears if the model is empty.

Moment.js is using the format YYYY-DD-MM to parse dates. But I need to use YYYY-MM-DD (MySQL date format).

Would be good to have an option to set the format that parser should use.

ui-date-mask="YYYY-MM-DD"

Hi Rafael.

There is an issue when the model of the input is 0. It seems like the ui.utils.masks.global.percentage ignores it.

Here is a Plunker with the problem. I'm using the 1.4.0.

http://plnkr.co/edit/Eh8s375HCgnsuM7WXwDv?p=preview

I tried to understand the conversion but my knowledge on Angular is too limited yet.

Thanks!

The common way to type a -1.00 value when using a mask would be: -100
By not letting a zero number not be "negative" would make the typing be counter-intuitive since the user has to type 100-

When using a reference for min/max check if it is non-empty while validating.

Hi folks,

This is a lovely project. I forked it and made a slight adjustment for it to work for US phone numbers, as they're usually formatted "0 (000) 000-0000" or "(000) 000-0000". Perhaps worth considering having a different directive for such formats?

Cheers,
Kapil

Currently, on all examples when I start typing decimal numbers, first I enter the decimals and after that the integers are filled. It should have an option like integer-first, because users mostly like to type:

1. Integers primarily
2. Enter a decimal, . or , char (converted to their $locale)
3. And lastly they type the decimals.

The decimals should always be typed at the end. Otherwise, you pressure the user to enter double 00 unnecessarily.

Got this error in IE8 today, using the latest version from master.

Line: 12
Character: 24
Code: 0
Error Message: Expected identifier, string or number
URL: .../masks.js

Hello folks!

Is there any way to keep the mask (with the symbols) in the model?

Thanks!

An input mask for NF-e access key (chave de acesso): 44 digits separated by whitespaces every 4 digits.

Why disable $log.debug here:

When included as a dependency, this disabled $log.debug in my app. I had to override the line in my own app to get back to the default state (enabled).

I have tested the input-mask (cpf, telefone) in safari browser, and it didn't work fine. You start typing the CPF and the cursor don't follow the right sequence.

Does it have a integer mask?

Como faço para saber se um campo é valido na minha controller? No exemplo só tem como verificar se o CPF/CNPJ é valido atraves do binding, no HTML -> {{campo.$error}}.

Tem como pegar esse $error na controller?

I want to keep the mask of an optional field, but still want the mask on it. Setting ng-model-options to allowInvalid have no effect. Should either check for required attribute, or check ng-model-options using require: ['?ngModel', '?ngModelOptions']

Some directives are declaring ngModel as optional require: '?ngModel',.

Rafael, tem como pegar o valor não formatado, o actualValue ??

tks que belo trabalho

When use directive ui-number-mask="0" ui-negative-number I can not enter 0
Plunker example: http://plnkr.co/edit/l7jDKQVR8jVPVltDxbrc?p=preview
Try to type 0

Without setting ui-negative-number the situation is the same

Tem alguma possibilidade de desabilitar a validação do CPF?

Gostaria de deixar somente a mascara pois faço a validação no servidor, do modo atual ele lança um erro falando que o cpf é inválido antes de enviar as informações pro servidor.

• full mode: HH:MM:SS
• short mode: HH:MM

I'm using the ui-money-mask, and I have a problem when I receive the number from API. It's probably occurring because the mask is rendering before the data is loaded. It throws "undefined is not a function" error on mask.js:1293.

return moneyMask.apply(value.toFixed(decimals).replace(/[^\d]+/g,''));

My code:

<input type="text" class="form-control" ng-model="tabela.preco" ui-money-mask required>

Thank you.

Hey.

I think it is something with the locale, but, how can I change the number separators?
For example, I first added the directive on the input and the result of typing is, e.g. 123,456.00. Is there some way to change to 123.456,00? Just invert comma and dot in the number separation.

Thank's. :)

If you're using maxlength(obvios it's not the way), but if you're using, it takes bug and doesn't fill the value. It would be interesting if it shows a message to remove the maxlength or something like it. Maybe, at least a message in the readme about it.

I'm trying to use the angular-input-masks but I'm getting the error below.

I already have a moment.js installed via another pluging angular-moment.

Uncaught Error: [$injector:modulerr] Failed to instantiate module clubeDoAdvogado due to:
Error: [$injector:modulerr] Failed to instantiate module oc.lazyLoad due to:
Error: [$injector:nomod] Module 'angular-momentjs' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

Any idea on how to fix it?

Regards

Could you please create a gh-pages branch to have GitHub host the demo for you? Because nobody likes to have to clone a repo just to see the demo. If you're not familiar with how easy it is to setup a free github hosted demo page for your project, I gave a talk about this at a local meetup recently: http://slides.com/kentcdodds/gh-pages

in the uiBrIeMask i have a situation how i do to put string "isento"

Amigão, tem como utilizar sua biblioteca para formatar um texto que não esteja em um input?
Ex:

CPF: {{paciente.numero_documento}}

Vi no código, mas não tem no README ;)

It can be done using an attribute ui-mask-hide-symbols to indicate that mask symbols should be hidden, like %, $, etc

a x 10^b

where the precision can be parametrized.

function ctrl($scope) {
$scope.negative = -500;
}

input type="text" name="field2" ng-model="negative" ui-number-mask="0" ui-negative-number

displays input with value=500 (not -500)

When the model value is 0 the ui-money-mask formatter is returning 0 instead of R$0,00

Ao selecionar alguns estados na diretiva de Inscrição Estadual, dá um erro:

"Cannot read property 'length' of undefined"

O estados são:

BA,PE e RN

Grato!

I'm just missing a BR Date mask, like "31/12/2014".

Check if the current $modelValue matches the desired mask, instead of forcefully removing all the non matching characters first.

Example: if I have an input with <input type="text" ui-br-cep-mask ng-model="user.data.cep"> and user.data.cep is "00000-000" (this is the $modelValue) don't try to change the $viewValue of it, or the input will become truncated because of these lines:

var formatedValue = processed.result;
return formatedValue.trim().replace(/[^0-9]$/, '');

Before this line, it's saying 00000- and that's not valid. It may be a bug.

The input will be set to 00000 instead of 00000-000 because of this. The same goes to all other directives (CPF, CNPJ, Date, etc)

IMHO an UI library shouldn't dictate the format of the data that goes into the database, the library should fit the data you provide to it. I always keep the format in the database, and would never store a mobile as an int like 11999999999 into the database

ui-time-mask is storing model value without delimiter ':'

Please wrap your release code in an immediately invoking function to keep your variables off my global scope.

Instead of using !value or angular.isUndefined(value).

The $isEmpty function checks whether the value is undefined, '', null or NaN.

Hi;

I guess currency symbol depends on client browser's settings. What I need is, defining currency symbol by myself. Because I am writing an international back office CMS and price can be in several currencies.

#31

Olá, tem alguma forma de colocar a máscara de telefone BR mas sem o DDD no início ? Minha aplicação usa o DDD em um campo separado.
Abs

For those using Browserify, it would be useful if this is published as an NPM module

move release files to a separate repository.

Tasks:

• create and configure repository
• copy every release and tags to the new repository
• change bower registry
• remove release folder from this repository
• bower-release script