https://github.com/amstel91/otp-input-directive

An Input Form Element to enter OTP Number, PIN or split single characters.
https://github.com/amstel91/otp-input-directive

angular-directive angular1 angularjs autofocus-element form-element input-field ios-pin otp otpview pin pin-input split-characters split-field split-textbox

Last synced: about 18 hours ago
JSON representation

An Input Form Element to enter OTP Number, PIN or split single characters.

• Host: GitHub
• URL: https://github.com/amstel91/otp-input-directive
• Owner: amstel91
• License: mit
• Created: 2018-03-29T09:53:00.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-05-28T08:55:01.000Z (over 4 years ago)
• Last Synced: 2024-09-19T12:34:10.277Z (6 days ago)
• Topics: angular-directive, angular1, angularjs, autofocus-element, form-element, input-field, ios-pin, otp, otpview, pin, pin-input, split-characters, split-field, split-textbox
• Language: JavaScript
• Homepage:
• Size: 99.6 KB
• Stars: 8
• Watchers: 4
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# otpInputDirective

An Input Form Element to enter OTP Number, PIN or split single characters.

![Alt Text](https://github.com/amstel91/otp-input-directive/blob/master/demo.gif)

### Demo Link - http://plnkr.co/edit/eCHuJT?p=preview

### Usage

Add angular and otpInputDirective to your code

```html

```

- Add a dependency to the `otpInputDirective` module in your application.

```js

angular.module('app', ['otpInputDirective']);

```

### In your HTML:

```html



```


### In your Angular Controller:

```js

$scope.otpInput={

            size:6,

            type:"text",

            onDone: function(value){

                console.log(value);

            },

            onChange: function(value){

                console.log(value);

            }

        };

```