Giter Club home page Giter Club logo

Comments (3)

uNmAnNeR avatar uNmAnNeR commented on August 27, 2024

@infantito it should be fixed now.
But probably you want to use
imask.updateOptions({mask: <your new mask>});
instead of recreating it.

from imaskjs.

adriana45silva avatar adriana45silva commented on August 27, 2024

First let me thank you for the amazing mask \o/

And sorry to comment on a closed issue, but since my question is related... how to properly clear the input fields without breaking imask/getting the warn?
I'm configuring imask.updateOptions({mask: <your new mask>}); with the exact configurations as the instance, removing the instance with destroy() and manually cleaning the input value. Am I missing something?

I've already tried reset() method instead of the destroy(), but it cleanses only the model, not the UI (and when I clean the UI manually I get the warning)

applyMask(applyMask){

    let input = document.querySelector('.skills-input');
 
    let myInput = new IMask(
        input,
        {
          mask: Number,
          min: 0,
          max: 10,
        });

        myInput.updateOptions({
          mask: Number,
          min: 0,
          max: 10
        });

      if (!applyMask){
        myInput.destroy()
        myInput.value = ''
      }
  }

from imaskjs.

uNmAnNeR avatar uNmAnNeR commented on August 27, 2024

thanks!

Mask is created and destroyed once, but could be updated many times.
Consider to use different handlers for creating, updating and destroying.
Currently major frameworks go this way (React, Angular, Vue) providing lifecicle hooks. This is prefered.
Usually when mask is once applied it is stored somewhere, and then it could be updated.
In your example mask is just local variable and there is no way to determine has mask already applied or not.
But rewriting your example:

function applyMask (isInitialized, applyMask) {
  if (!isInitialized) // init...
  else if (!applyMask) // destroy...
  // update
}

Also note that updating only makes sense if options change.

There are also examples with different handlers in plugins folder.

from imaskjs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.