Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add a hook mechanism for manipulating the input model (Original: Ability to mask input values).

See original GitHub issue

Describe the new feature you’d like

Many times we have to mask input values for better UX.

VueFormulate already have really good features and be able to mask a value is the only missing feature that makes me add an extra dependency to handle my forms.

Today I use vue-the-mask (https://github.com/vuejs-tips/vue-the-mask) but it seen dead, doesn’t have any activity from the maintainer and a lot of good contributors PR to get merged.

What percentage of vue-formulate users would benefit?

80%

Let’s talk about it.

Issue Analytics

State:
Created 3 years ago
Reactions:11
Comments:21 (13 by maintainers)

Top GitHub Comments

4reactions

gahabeencommented, Jul 10, 2020

@paulogr @hmaesta @frankdors Text Mask is now part of the - now stabilized - plugin vue-formulate-extended.

Check it out in a live demo: https://codesandbox.io/s/text-mask-04dh5?file=/src/components/Sandbox.vue

3reactions

gahabeencommented, Jul 1, 2020

Hey, I’ve implemented a solution to have masks with https://imask.js.org/ with FormulateForm or FormulateInput.

You can check working demos here: https://codesandbox.io/s/vue-formulate-extended-masks-9i1wy?file=/src/App.vue. Currently available from vue-formulate-extended (with peer depedencies, careful). Repo

I’d be happy to discuss how this could become a cleaner solution @justin-schroeder 😉

Top Results From Across the Web

Add a hook mechanism for manipulating the input model (Original ...

VueFormulate already have really good features and be able to mask a value is the only missing feature that makes me add an...

Control data entry formats with input masks - Microsoft Support

Learn how to add input masks in Access to table fields, queries, and to form and report controls to help people entering data....

How To Normalize or Mask Values in React Hook Form

In this video I show how to normalize or mask value in React Hook FormCode: https://github.com/satansdeer/rhf-normalizeDiscord: ...

Inputs — Essentials ⚡️ FormKit — Vue Forms, Supercharged

Setting values · Using the value prop. · Using v-model . · Using FormKit's node node.input() method. · Setting the value of a...

DOM Elements - React

For example, the HTML attribute tabindex corresponds to the attribute tabIndex in React. The exception is aria-* and data-* attributes, which should be ......