Skip to main content
se añadieron 844 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
        <div class="formulario__grupo" id="grupo__telefono__email">
            <p class="Descripciones">Introduzca los datos de contacto</p>
            <div class="formulario__grupo-input">
                <label class="formulario__label">Teléfono:</label>  <!--El formato lo comprobamos mediante JS-->
                <input type="text" class="formulario__input" name="ctlph" id="telefono" placeholder="Número de teléfono" title="El número de teléfono debe estar formado 9 nñumeros y comenzar por 6, 7, 8 o 9. Ej: 987654321" onchange="consultarTelefono()">
                
                &nbsp;&nbsp;

                <label class="formulario__label">e-mail:</label>   <!--El formato se comprueba solo al ser de tipo email-->
                <input type="email" class="formulario__input" name="cemail" id="email" placeholder="Correo electrónico" title="El correo debe ser un correo válido. Ej: [email protected]">
            </div>
        </div>

function consultarTelefono(){
    var telf = new RegExp("[6-9]{1}\d{2}(\s?\d{3}){2}");   //El primer dígito debe ser 6,7,8,9 seguido de dos más. Puede contener un espacio (o no) y tres dígitos más y repetimos.
    //document.getElementById("submit").disabled=false;
    if(document.getElementById("telefono").value.length && !telf.test(document.getElementById("telefono").value)){
        //document.getElementById("submit").disabled=true;
        alert("El teléfono no sigue el formato adecuado. Debe tener 9 números y comenzar por 6, 7, 8 o 9");
        return;
    }
    return true;
}
            <div class="formulario__grupo" id="grupo__telefono__email">
                <p class="Descripciones">Introduzca los datos de contacto</p>
                <div class="formulario__grupo-input">
                    <label class="formulario__label">Teléfono:</label>  <!--El formato lo comprobamos mediante JS-->
                    <input type="text" class="formulario__input" name="ctlph" id="telefono" placeholder="Número de teléfono" title="El número de teléfono debe estar formado 9 nñumeros y comenzar por 6, 7, 8 o 9. Ej: 987654321" onchange="consultarTelefono()">
                    
                    &nbsp;&nbsp;

                    <label class="formulario__label">e-mail:</label>   <!--El formato se comprueba solo al ser de tipo email-->
                    <input type="email" class="formulario__input" name="cemail" id="email" placeholder="Correo electrónico" title="El correo debe ser un correo válido. Ej: [email protected]">
                </div>
            </div>

        <div class="formulario__grupo" id="grupo__telefono__email">
            <p class="Descripciones">Introduzca los datos de contacto</p>
            <div class="formulario__grupo-input">
                <label class="formulario__label">Teléfono:</label>  <!--El formato lo comprobamos mediante JS-->
                <input type="text" class="formulario__input" name="ctlph" id="telefono" placeholder="Número de teléfono" title="El número de teléfono debe estar formado 9 nñumeros y comenzar por 6, 7, 8 o 9. Ej: 987654321" onchange="consultarTelefono()">
                
                &nbsp;&nbsp;

                <label class="formulario__label">e-mail:</label>   <!--El formato se comprueba solo al ser de tipo email-->
                <input type="email" class="formulario__input" name="cemail" id="email" placeholder="Correo electrónico" title="El correo debe ser un correo válido. Ej: [email protected]">
            </div>
        </div>

function consultarTelefono(){
    var telf = new RegExp("[6-9]{1}\d{2}(\s?\d{3}){2}");   //El primer dígito debe ser 6,7,8,9 seguido de dos más. Puede contener un espacio (o no) y tres dígitos más y repetimos.
    //document.getElementById("submit").disabled=false;
    if(document.getElementById("telefono").value.length && !telf.test(document.getElementById("telefono").value)){
        //document.getElementById("submit").disabled=true;
        alert("El teléfono no sigue el formato adecuado. Debe tener 9 números y comenzar por 6, 7, 8 o 9");
        return;
    }
    return true;
}
            <div class="formulario__grupo" id="grupo__telefono__email">
                <p class="Descripciones">Introduzca los datos de contacto</p>
                <div class="formulario__grupo-input">
                    <label class="formulario__label">Teléfono:</label>  <!--El formato lo comprobamos mediante JS-->
                    <input type="text" class="formulario__input" name="ctlph" id="telefono" placeholder="Número de teléfono" title="El número de teléfono debe estar formado 9 nñumeros y comenzar por 6, 7, 8 o 9. Ej: 987654321" onchange="consultarTelefono()">
                    
                    &nbsp;&nbsp;

                    <label class="formulario__label">e-mail:</label>   <!--El formato se comprueba solo al ser de tipo email-->
                    <input type="email" class="formulario__input" name="cemail" id="email" placeholder="Correo electrónico" title="El correo debe ser un correo válido. Ej: [email protected]">
                </div>
            </div>

Origen Enlace

Error al comprobar una expresión regular en JS

Tengo una función en JavaScript que toma un valor por ID, comprueba si existe y si cumple cierta expresión regular:

function consultarTelefono(){
    var telf = new RegExp("[6-9]{1}\d{2}(\s?\d{3}){2}");   //El primer dígito debe ser 6,7,8,9 seguido de dos más. Puede contener un espacio (o no) y tres dígitos más y repetimos.
    document.getElementById("submit").disabled=false;
    if(document.getElementById("telefono").value.length && !telf.test(document.getElementById("telefono").value)){
        document.getElementById("submit").disabled=true;
        alert("El teléfono no sigue el formato adecuado. Debe tener 9 números y comenzar por 6, 7, 8 o 9");
        return;
    }
    return true;
}

Pero al pasarle un teléfono al formulario cualquier número hace saltar el mensaje de error. Mi intención es que el campo Telefono pueda estar en blanco pero si contiene algún número que este cumpla la expresión regular: que sea un número de 9 cifras, que pueda empezar por 6,7,8 o 9 y que contenga 8 dígitos más tal que 986754321 o 986 754 321.

No consigo ver por qué falla, alguna idea?

Anexo HTML:

        <div class="formulario__grupo" id="grupo__telefono__email">
            <p class="Descripciones">Introduzca los datos de contacto</p>
            <div class="formulario__grupo-input">
                <label class="formulario__label">Teléfono:</label>  <!--El formato lo comprobamos mediante JS-->
                <input type="text" class="formulario__input" name="ctlph" id="telefono" placeholder="Número de teléfono" title="El número de teléfono debe estar formado 9 nñumeros y comenzar por 6, 7, 8 o 9. Ej: 987654321" onchange="consultarTelefono()">
                
                &nbsp;&nbsp;

                <label class="formulario__label">e-mail:</label>   <!--El formato se comprueba solo al ser de tipo email-->
                <input type="email" class="formulario__input" name="cemail" id="email" placeholder="Correo electrónico" title="El correo debe ser un correo válido. Ej: [email protected]">
            </div>
        </div>