vue-inputmask - GitLite

KO | EN

gitlite — search

#python #react #typescript #llm #android #rust #macos #windows #cli #awesome-list #mcp #ios #openai #open-source

vue-inputmask

(★ 118)

Vue.js directive to add inputmask library to your inputs (vanilla javascript).

File Explorer

Download Latest Version (.zip)

- demo.gif
- vue-inputmask-browser.js
- vue-inputmask.js
- vue-inputmask.js.map
- vue-inputmask.js
- demo.html
- vue-inputmask.d.ts
.gitignore
LICENSE
package-lock.json
package.json
README.md
webpack.config.js

# Installation Guide

1. Get the code

git clone https://github.com/scleriot/vue-inputmask

Downloads the entire project code from GitHub to your computer.

cd vue-inputmask

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install -S vue-inputmask

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-inputmask

Vue.js directive to add a mask to your inputs (vanilla javascript).

It's a binding for the inputmask library by Robin Herbots [https://github.com/RobinHerbots/Inputmask](https://github.com/RobinHerbots/Inputmask)

![Vue-inputmask demo](https://raw.githubusercontent.com/scleriot/vue-inputmask/master/assets/demo.gif)

This library is licensed under MIT License.

# Install 
```bash
npm install -S vue-inputmask
```
# Setup

## With Typescript
```typescript
import Vue from 'vue'
const VueInputMask = require('vue-inputmask').default

Vue.use(VueInputMask)
```

## With a script tag
```html
<script src="./node_modules/inputmask/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="./node_modules/inputmask/dist/inputmask/inputmask.js"></script>
<script src="./dist/vue-inputmask-browser.js"></script>
```

# Usage
```html
<input type="text" v-mask="'99/99/9999'" />
<input type="text" v-mask="{mask: '99/99/9999', greedy: true}" v-on:change="maskCheck"/>
```

```javascript
new Vue({
  ...
  methods: {
    maskCheck: function (field){
      if (field.target.inputmask.isComplete()) {
        console.log('is Complete');
      } else {
        console.log('is Incomplete');
      }
    }
  }
});
```