Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jonas Ribeiro Nascimento

Erro javascript “Error: VanillaMasker: There is no element to bind”

Recommended Posts

Tenho esse seguinte problema aparece no console em todas as paginas, somente na pagina de cadastro que não aparece, tipo onde os inputs na tela de cadastro estão sendo usados o erro não aparece.

Segue o erro do console em todas as paginas, menos na pagina de cadastro.

 

vanilla-masker.min.js:49 Uncaught Error: VanillaMasker: There is no element to bind. at h (vanilla-masker.min.js:49) at add-javascript.js:6
  h @ vanilla-masker.min.js:49
  (anonymous) @ add-javascript.js:6

 

pagina do link add-javascript.js

/* global VMasker */

// Mascaras do sistema de cadastro

// Mascara do cep
VMasker(document.querySelector('#Cep')).maskPattern('99999-999');

// Mascara do cpf
VMasker(document.querySelector('#Cpf')).maskPattern('999.999.999-99');

// Mascara do data de nascimento
VMasker(document.querySelector('#dataNascimento')).maskPattern('99/99/9999');

// Mascara do telefone fixo e celular
function inputHandler(masks, max, event) {
	var c = event.target;
	var v = c.value.replace(/\D/g, '');
	var m = c.value.length > max ? 1 : 0;
	VMasker(c).unMask();
	VMasker(c).maskPattern(masks[m]);
	c.value = VMasker.toPattern(v, masks[m]);
}

var telMask = ['(99) 9999-99999', '(99) 99999-9999'];
var tel = document.querySelector('#tel');
VMasker(tel).maskPattern(telMask[0]);
tel.addEventListener('input', inputHandler.bind(undefined, telMask, 14), false);

pagina do link vanilla-masker.min.js

 

! function(a, b) {
    "function" == typeof define && define.amd ? define(b) : a.VMasker = b()
}(this, function() {
    var a = "9",
        b = "A",
        c = "S",
        d = [8, 9, 16, 17, 18, 36, 37, 38, 39, 40, 91, 92, 93],
        e = function(a) {
            for (var b = 0, c = d.length; c > b; b++)
                if (a == d[b]) return !1;
            return !0
        },
        f = function(a) {
            return a = a || {}, a = {
                precision: a.hasOwnProperty("precision") ? a.precision : 2,
                separator: a.separator || ",",
                delimiter: a.delimiter || ".",
                unit: a.unit && a.unit.replace(/[\s]/g, "") + " " || "",
                suffixUnit: a.suffixUnit && " " + a.suffixUnit.replace(/[\s]/g, "") || "",
                zeroCents: a.zeroCents,
                lastOutput: a.lastOutput
            }, a.moneyPrecision = a.zeroCents ? 0 : a.precision, a
        },
        g = function(a) {
            this.elements = a
        };
    g.prototype.unbindElementToMask = function() {
        for (var a = 0, b = this.elements.length; b > a; a++) this.elements[a].lastOutput = "", this.elements[a].onkeyup = !1, this.elements[a].onkeydown = !1, this.elements[a].value.length && (this.elements[a].value = this.elements[a].value.replace(/\D/g, ""))
    }, g.prototype.bindElementToMask = function(a) {
        for (var b = this, c = function(c) {
                c = c || window.event;
                var d = c.target || c.srcElement;
                e(c.keyCode) && setTimeout(function() {
                    b.opts.lastOutput = d.lastOutput, d.value = h[a](d.value, b.opts), d.lastOutput = d.value, d.setSelectionRange && b.opts.suffixUnit && d.setSelectionRange(d.value.length, d.value.length - b.opts.suffixUnit.length)
                }, 0)
            }, d = 0, f = this.elements.length; f > d; d++) this.elements[d].lastOutput = "", this.elements[d].onkeyup = c, this.elements[d].value.length && (this.elements[d].value = h[a](this.elements[d].value, this.opts))
    }, g.prototype.maskMoney = function(a) {
        this.opts = f(a), this.bindElementToMask("toMoney")
    }, g.prototype.maskNumber = function() {
        this.opts = {}, this.bindElementToMask("toNumber")
    }, g.prototype.maskPattern = function(a) {
        this.opts = {
            pattern: a
        }, this.bindElementToMask("toPattern")
    }, g.prototype.unMask = function() {
        this.unbindElementToMask()
    };
    var h = function(a) {
        if (!a) throw new Error("VanillaMasker: There is no element to bind.");
        var b = "length" in a ? a.length ? a : [] : [a];
        return new g(b)
    };
    return h.toMoney = function(a, b) {
        if (b = f(b), b.zeroCents) {
            b.lastOutput = b.lastOutput || "";
            var c = "(" + b.separator + "[0]{0," + b.precision + "})",
                d = new RegExp(c, "g"),
                e = a.toString().replace(/[\D]/g, "").length || 0,
                g = b.lastOutput.toString().replace(/[\D]/g, "").length || 0;
            a = a.toString().replace(d, ""), g > e && (a = a.slice(0, a.length - 1))
        }
        var h = a.toString().replace(/[\D]/g, ""),
            i = new RegExp("^(0|\\" + b.delimiter + ")"),
            j = new RegExp("(\\" + b.separator + ")$"),
            k = h.substr(0, h.length - b.moneyPrecision),
            l = k.substr(0, k.length % 3),
            m = new Array(b.precision + 1).join("0");
        k = k.substr(k.length % 3, k.length);
        for (var n = 0, o = k.length; o > n; n++) n % 3 === 0 && (l += b.delimiter), l += k[n];
        if (l = l.replace(i, ""), l = l.length ? l : "0", !b.zeroCents) {
            var p = h.length - b.precision,
                q = h.substr(p, b.precision),
                r = q.length,
                s = b.precision > r ? b.precision : r;
            m = (m + q).slice(-s)
        }
        var t = b.unit + l + b.separator + m + b.suffixUnit;
        return t.replace(j, "")
    }, h.toPattern = function(d, e) {
        var f, g = "object" == typeof e ? e.pattern : e,
            h = g.replace(/\W/g, ""),
            i = g.split(""),
            j = d.toString().replace(/\W/g, ""),
            k = j.replace(/\W/g, ""),
            l = 0,
            m = i.length;
        for (f = 0; m > f; f++) {
            if (l >= j.length) {
                if (h.length == k.length) return i.join("");
                break
            }
            i[f] === a && j[l].match(/[0-9]/) || i[f] === b && j[l].match(/[a-zA-Z]/) || i[f] === c && j[l].match(/[0-9a-zA-Z]/) ? i[f] = j[l++] : (i[f] === a || i[f] === b || i[f] === c) && (i = i.slice(0, f))
        }
        return i.join("").substr(0, f)
    }, h.toNumber = function(a) {
        return a.toString().replace(/(?!^-)[^0-9]/g, "")
    }, h
});

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos,  saudações. 
       
      Primeiramente agradeço ao auxílio e ajuda que os amigos têm me dado. 
       
      Minha dúvida:
      - para emissão de nota fiscal eletrônica precisa de um CERTIFICADO e SENHA.
      Como ou onde consigo esses dois itens, para fazer teste de emissão de nota fiscal  ?
       
      Grato, 
       
      Cesar
    • Por violin101
      Caros amigos,  saudações. 
       
      Primeiramente agradeço ao auxílio e ajuda que os amigos têm me dado. 
       
      Minha dúvida:
      - para emissão de nota fiscal eletrônica precisa de um CERTIFICADO e SENHA.
      Como ou onde consigo esses dois itens, para fazer teste de emissão de nota fiscal  ?
       
      Grato, 
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma pequena dúvida.
       
      Estou escrevendo um Sistema que tem vários Módulos.
       
      O módulo principal tem:
      Estoque | Compras | Expedição | Vendas

      Minha dúvida:
      como faço após Acessar o Módulo Principal e Escolher o Módulo que quero trabalhar,
      eu possa fechar o Módulo aberto por exemplo: Estoque, sem alterar o Módulo principal e outros se estiver aberto ?


      Grato,
       
      Cesar
    • Por douglas79
      Bom dia,

      Há alguns dias que venho instalar o apache, o php, mysql e o phpmyadmin manualmente e sem obter sucesso. Até consegui rodar o php, porém, quando vou baixar a úitima versão do MYSQL, não tem todos os pacotes nele instalados, inclusive no completo, só encontro o Router.
      Alguém pode me dizer o porquê que isso está ocorrendo?
      Desde já agradeço a ajuda de vocês, que será bem vinda!
      No aguardo!

      Uso a versão 8.3.9 do PHP
      Meu SO é o Windows 10 32 bits
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, me perdoa em postar mais uma dúvida minha.

      Através de ajuda e orientação dos membros do Grupo, tenho conseguido resolver muitos problemas que tenho encontrado.
       
      Gostaria de saber dos amigos do grupo, se tem algum vídeo aula, orientando a Instalação das Biblioteca para Emissão de Nota Fiscal Eletrônica.
       
      Tenho feito várias busca e tenho encontrado a maioria das vezes tudo em LARAVEL.

      Sei que para instalar as Biblioteca, precisa do Composer, até aqui tudo bem.

      Minha dúvida: 
      após fazer o download da  sped-nfe  e  sped-da, essas biblioteca devem ser gravada em qual pasta ?  ----   na C:\  ou dentro da pasta do Sistema ?
      quando dou o comando: COMPOSER INSTALL esse comando já instala todas as bibliotecas, ou 1 por 1 ?

      Grato,
       
      Cesar
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.