0

tengo un formulario con muchos inputs para ingresar telefono, en todos su valor debe tener 10 digitos estoy usando una maskara y le agregue una clase validarTelefonos a todos los input para telefono , no se por que me imprime 16 o 1 en el console.

    $('.validarTelefonos').change(function(){
        var tel = $(".validarTelefonos").val().match( /\d+/g);
      if( tel.length != 10  ){
        console.log( ($('#telefonoParticular').val().length) );
        $('#mensaje').addClass('btn btn-danger').html('El telefono debe tener 10 digitos').show();
        return false;
      } else{
        $('#mensaje').removeClass('btn btn-danger').html('').hide();
      }
    });

maskara

data-inputmask=""mask": "(99) 99-99-99-99""

miren ya va quedando pero me falta el each por lo que pienso

            $('.validarTelefonos').change(function(){
            var tel = $(".validarTelefonos").val().match( /\d+/g);
            tel = tel.join("");
          if( tel.length != 10 ){
            console.log( ($('#telefonoParticular').val().length) );
            $('#mensaje').addClass('btn btn-danger').html('El telefono debe tener 10 digitos').show();
            return false;
          } else{
            $('#mensaje').removeClass('btn btn-danger').html('').hide();
          }
        });
3
  • Saludos hermano Carlos, ¿Podrías agregar la máscara que estás usando por favor?
    – fredyfx
    Commented el 5 mar. 2018 a las 19:21
  • así* creo que me no me dejé entender, me refería al formato de la máscara que estás usando :D
    – fredyfx
    Commented el 5 mar. 2018 a las 19:32
  • Este resultado es el que no me convence tel.length
    – Alvarez
    Commented el 5 mar. 2018 a las 19:42

2 respuestas 2

1

Explicación en los comentarios:

data-inputmask=""mask": "(99) 99-99-99-99""
//2 paréntesis       +
//3 guiones          +
//1 espacio en blanco 
//--------------------  
//6 caracteres extra
//Por lo tanto, tienes 10 dígitos + 6 caracteres extras:
//hace un total de 16 caracteres a imprimir.

Dato curioso:

En la siguiente línea siempre estás preguntando por el valor de 1 campo en particular.

console.log( ($('#telefonoParticular').val().length) );

Detalle importante:

Cuando se utiliza una máscara de jQuery, ese formato ocupa espacio "lenght" en la cadena donde se va a utilizar.

Solución:

Reemplaza:

if( tel.length != 10  ){

Por:

if( tel.length != 16 ){
2
  • Continuemos el debate en el chat.
    – fredyfx
    Commented el 5 mar. 2018 a las 20:12
  • bro, elimina los comentarios para que el sitio se mantenga ordenadito y bien presentable, seguimos la conversación en el chat :D (enlace en el comentario anterior)
    – fredyfx
    Commented el 5 mar. 2018 a las 20:16
0

Solucion

Bueno así quedó; gracias por ayudarme le agregué el each para recorrer todos los elementos que tengan la clase validarTelefonos

$('.validarTelefonos').change(function(){
  $(".validarTelefonos").each(function(){
     var tel = $(this).val().match( /\d+/g);
     tel = tel.join("");
     if( tel.length != 10 ){
        $('#mensaje').addClass('btn btn-danger').html('El telefono debe tener 10 digitos').show();
        return false;
        } else{
        $('#mensaje').removeClass('btn btn-danger').html('').hide();
            }
        });
    });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.