question-mark
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.

Is there a way to use react-input-mask with validating fields?

See original GitHub issue

react-input-mask uses the same parameter tag as AvField for CustomInput from reactstrap. They override eachother and default input is rendered istead

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

13reactions
TheSharpieOnecommented, Oct 3, 2019

@henrique-barreto check out https://stackblitz.com/edit/react-8smaux?file=Hello.js

        <AvForm>
          <AvField
            label="Phone Number"
            type="tel"
            mask="(999) 999-9999"
            maskChar="-"
            name='Test'
            tag={[Input, InputMask]}
            required
            helpMessage="Valid NANP phone number cannot start with a 1"
          />
        </AvForm>
1reaction
GoPro16commented, Feb 28, 2019

Just released @2.5.1

Read more comments on GitHub >

github_iconTop Results From Across the Web

Add React Input Form Mask & Validation Features ... - GrapeCity
Creating a React Form; Implementing Wijmo's React InputMask; Defining the Mask and Prompt Characters; Validating the User's Information. If you' ...
Read more >
Validate react-input-mask length using Formik + Yup
So 1 way to solve this is just to replace those symbols when you perform the ... Edit Input-masking-material-ui-formik-react-input-mask.
Read more >
Implementing react-input-mask for web apps - LogRocket Blog
Learn how to avoid transcription errors in React using input masks, which provide user-friendly constraints for your user input fields.
Read more >
[Input Mask React] Input Mask and Form Validation - OutSystems
Hi everyone,. I'm currently using inputmaskreact forge to cater an input field with decimal place. Data type for input variable is Decimal.
Read more >
Taming React forms with validations and masks using IMask ...
Implementation can be seen here. The chosen form handler was React Hook Form. It connects with the <input /> by the register method....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found