Mascara de telefone para formulários

[lesimi]

Olá não conheço muito de código, preciso alterar esse abaixo para fazer uma validação para quando terminar de digitar conferir se a quantidade de dígitos está correta, se não tiver retornar uma mensagem tipo "Quantidade errada" e não permitir enviar o formulário.

Esse está funcionando correta a mascara, porém o usuário consegue digitar por exemplo 5 números e enviar errado. Podem me ajudar por gentileza?

<script type="text/javascript">

function mask(o,f){
    v_obj=o
    v_fun=f
    setTimeout("execmask()",1)
}

function execmask(){
    v_obj.value=v_fun(v_obj.value)
}

function masktel(v){
    v=v.replace(/\D/g,"");
    v=v.replace(/^(\d{2})(\d)/g,"($1) $2");
    v=v.replace(/(\d)(\d{4})$/,"$1-$2");
    return v;
}

function idcss( el ){
    return document.getElementById( el );
}

window.onload = function(){
    
    idcss('tel_fixo').setAttribute('maxlength', 14);
    idcss('tel_fixo').onkeypress = function(){
        mask( this, masktel );
    }
    
    idcss('tel_celular').setAttribute('maxlength', 15);
    idcss('tel_celular').onkeypress = function(){
        mask( this, masktel );
    }
    
    
    
    
}
</script>
 

[lesimi]

Gostaria de checar no caso se tem os 11 dígitos do telefone com ddd xx-xxxxxxxxx, achei que não ficou claro na minha mensagem acima, aí no caso se tiver faltando dígitos por ex. apenas 6 dígitos retorna a mensagem de numero invalido. Estou usando esse código em um formulário de um site feito no wordpress para captação de liads no campo de telefone/whatsapp.

Agradeço a ajuda de quem puder.

 

Editado Fevereiro 21 por lesimi

[lesimi]

Amigos não consegui resolver com ajuda do fórum, com o chat gpt sim😂 , está testado e funcionando. Vou postar abaixo o código para se caso alguém precisar usar estará disponível:

<script type="text/javascript">

function mask(o,f){
    v_obj=o
    v_fun=f
    setTimeout("execmask()",1)
}

function execmask(){
    v_obj.value=v_fun(v_obj.value)
}

function masktel(v){
    v=v.replace(/\D/g,"");
    v=v.replace(/^(\d{2})(\d)/g,"($1) $2");
    v=v.replace(/(\d)(\d{4})$/,"$1-$2");
    return v;
}

function idcss( el ){
    return document.getElementById( el );
}

window.onload = function(){
    
    idcss('form-field-tel').setAttribute('maxlength', 15);
    idcss('form-field-tel').onkeypress = function(){
        mask( this, masktel );
    }
    
    //trocar id dentro do parenteses, deixa form-field-SEU ID DO FORMULARIO
    
}
</script>
 

Desde já obrigado.

[Casa do Desenvolvedor]

Que ótimo que você conseguiu resolver, @lesimi 💜

Agradecemos por compartilhar sua dúvida e a solução. Isso é muito valioso para nossa comunidade. Continue compartilhando seus conhecimentos, aprendizados, dúvidas e experiências conosco. 😊