angular-libphonenumber is an angular directive that can be used as an input mask. By default, all numbers are formatted in US format, but the format can be set with the country-code descriptor. It uses nathanhammond/libphonenumber as a formatter for phone number's, which calls Google's libphonenumber to format numbers as you type them. Project's issue on GitHub should be used discuss bugs and features.
https://github.com/cwill747/angular-libphonenumberTags | input mask angularjs phone |
Implementation | Javascript |
License | Apache |
Platform | OS-Independent |
A simpler and smaller rewrite of Google Android's libphonenumber library in javascript. If you’re trying to build a React component with it, take a look at react-phone-number-input.
phone number telephone input mobile libphonenumber phone-number mobile-number validation regexConforms string to given mask or pattern, and can be hooked up to input element
input-mask inputmask text-formatting react angular vue ember text-mask string-mask input-formatting string-formatting angular2 angular-componentApply a mask on an input field so the user can only type pre-determined pattern.You can customize several behaviors of ui-mask by taking advantage of the ui-options object. Declare ui-options as an additional attribute on the same element where you declare ui-mask.
angular angular-ui maskThis is a simple masked text (normal text and input text) component for React-Native. credit-card: use the mask 9999 9999 9999 9999. It accepts options (see later in this doc). cpf: use the mask 999.999.999-99 and numeric keyboard. cnpj: use the mask 99.999.999/9999-99 and numeric keyboard. zip-code: use the mask 99999-999 and numeric keyboard. only-numbers: accept only numbers on field with numeric keyboard. money: use the mask R$ 0,00 on the field with numeric keyboard. It accepts options (see later in this doc). cel-phone: use the mask (99) 9999-9999 or (99) 99999-9999 (changing automaticaly by length). It accepts options (see later in this doc). datetime: use datetime mask with moment format (default DD/MM/YYYY HH:mm:ss). It accepts options (see later in this doc). custom: use your custom mask (see the options props later in this doc).
react-native mask input text textinput custom moneyAngular datepicker is an angularjs directive that generates a datepicker calendar on your input element. The Angularjs Datepicker is developed by 720kb.
angular angularjs datepicker directive angular-directives date inputInputmask is a javascript library which creates an input mask. Inputmask can run against vanilla javascript, jQuery and jqlite. An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers, ...
inputmask maskedinput vanilla-javascript jquery-plugin jqlite form input mask pluginsThis directive brings the Chosen jQuery plugin into AngularJS with ngModel and ngOptions integration. To use, include localytics.directives as a dependency in your Angular module. You can now use the chosen directive as an attribute on any select element. Angular version 1.3+ is required, but recomended 1.4.9+.
chosen select multiple angularjs-directives angularjs angular-chosen dropdown multiselect form input uiPhonelib is a gem allowing you to validate phone number. All validations are based on Google libphonenumber. Currently it can make basic validations and formatting to e164 international number format and national number format with prefix. But it still doesn't include all Google's library functionality. Run the bundle command to install it.
google-libphonenumber phone-validation phone-parse phone-number parsingSo it allows you to use masks for phones, urls, etc. MaskedEditText is a simple Android EditText with customizable input mask support.
mask edittext maskededittext android-library android-sdk android social-security phone-number phone-formatGlobalPhone parses, validates, and formats local and international phone numbers according to the E.164 standard.Store and display phone numbers in your app. Accept phone number input in national or international format. Convert phone numbers to international strings (+13125551212) for storage and retrieval. Present numbers in national format ((312) 555-1212) in your UI.
A PHP library for parsing, formatting, storing and validating international phone numbers. This library is based on Google's libphonenumber. PHP versions 5.3 up to PHP 7.2 are currently supported. HHVM is also supported.
phone-number libphonenumberText input mask for React Native on iOS and Android. For Android it just works.
mask maskedtextfield maskededittext maskedinput react-native mask-android mask-ios android input-mask inputmask react native text-input iosAdds phone number functionality to Laravel and Lumen based on the PHP port of Google's libphonenumber API by giggsey. Check out the behavior of this package in the demo.
laravel libphonenumber validation phoneThe base concept is not new, it comes from the easy form input validation approach of Laravel Framework as well as PHP Gump Validation. They are both PHP frameworks and use a very simple approach, so why not re-use the same concept over Angular as well? Well it's now made available with a few more extras. For a smoother user experience, I also added validation on inactivity (timer/debounce). So validation will not bother the user while he is still typing... though as soon as the user pauses for a certain amount of time, then validation comes into play. It's worth knowing that this inactivity timer is only available while typing, if user focuses away from his input (onBlur) it will then validate instantly.
validation angularjs angular-validation angular-validation-ghiscodingHere is an example of how AngularJs can freeze your UI, try to press and hold a key inside the input field, when the table is filled with only 1 person everything is ok, you can see how the DOM is updated by the input in real time, however if you try to load 1000 person (or even 500 if the testing device is not powerfull) and repeat the experiment you can see how the UI is frozen. In this other demo BindOnce will take care of your watchers and the UI will be reactive as it should be. The code is the same for both demos, the only difference is that I replaced any ng-* tag inside the table with the equivalent bo-* tag. AngularJs provides a great data binding system but if you abuse of it the page can run into some performance issues, it's known that more of 2000 watchers can lag the UI and that amount can be reached easily if you don't pay attention to the data-binding. Sometime you really need to bind your data using watchers, especially for SPA because the data are updated in real time, but often you can avoid it with some efforts, most of the data presented in your page, once rendered, are immutable so you shouldn't keep watching them for changes.
angularjs angular directive binding watcher bindonceSwift 4.2 framework for parsing, formatting and validating international phone numbers. Inspired by Google's libphonenumber. Migrating from PhoneNumberKit 0.x? See the migration guide.
phone-number google-libphonenumber parsing validation contacts formattingThis bundle integrates Google's libphonenumber into your Symfony2-Symfony4 application through the giggsey/libphonenumber-for-php port. Requires doctrine/doctrine-bundle.
symfony libphonenumber symfony-bundle bundle twig-extensionAndroid port of Google's libphonenumber. The goal of this library is to fix these two issues.
android libphonenumber phone-number mobile-number validation regexAngularJS Toaster is an AngularJS port of the toastr non-blocking notification jQuery library. It requires AngularJS v1.2.6 or higher and angular-animate for the CSS3 transformations.AngularJS-Toaster requires AngularJS v1.2.6 or higher and specifically targets AngularJS, not Angular 2, although it could be used via ngUpgrade. If you are looking for the Angular 2 port of AngularJS-Toaster, it is located here.
angular angularjs angular-componentTags input directive for AngularJS. Check out the ngTagsInput website for more information. You can also grab the latest build generated by Travis. It's fully functional and may contain new features and bugfixes not yet published to the services listed above.
angular tags tags-input
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.