Cleave.js: Cleave.js not working, give error => Uncaught Error: [cleave.js] Please check the element

Created on 31 Mar 2017 · 3Comments · Source: nosir/cleave.js

Hello cleave community and # support.

I downloaded the cleave.js-master from github, and included the cleave.min.js from cleave.js/dist/cleave.min.js , but My input is not getting formated.
in my console I am having an error
<<
Uncaught Error: [cleave.js] Please check the element

>
what is the cause and how can I solve this?

Source

Jahleel17

Most helpful comment

I'm assuming you're calling Cleave before the element has loaded, which is why it's throwing that error.

Use it like this:

document.addEventListener('DOMContentLoaded', () => {
    const cleave = new Cleave(fieldSelector, {
        phone: true,
        phoneRegionCode: phoneRegionCode
    });
});

jpcaparas on 13 Apr 2017

👍3 ❤1

All 3 comments

I'm assuming you're calling Cleave before the element has loaded, which is why it's throwing that error.

Use it like this:

document.addEventListener('DOMContentLoaded', () => {
    const cleave = new Cleave(fieldSelector, {
        phone: true,
        phoneRegionCode: phoneRegionCode
    });
});

jpcaparas on 13 Apr 2017

👍3 ❤1

Thanks @jpcaparas
Exactly, you need to get input element ready in your dom first