Borrar contenido despues de la validacion

[javier0730]

Buenos días,

Estoy validando un campo de texto para un número telefónico y ya he agragdo el siguiente código JS

Código Javascript:

<script>
function validarSiNumero(numero)
{
    if (!/^([0-9])*$/.test(numero))
        alert("El valor " + numero + " es incorrecto, debes escribir únicamente números");
}
</script>
 

y lo mando llamar así:

Código HTML:

<input name="telefono" type="text" id="telefono" value="<?php echo $telefonoActual; ?>" size="15" maxlength="10"  onChange="validarSiNumero(this.value);" />
 

Con esto aparece el mesaje de error al abandonar el campo de texto, pero despues de pulsar en Aceptar el contenido del campo permanece y yo quiero que se elimine para impedir que se deje con el texto ya que con esto el usuario bien puede ignorar el mensaje y dejar el valor que se le antoje.

Espero me puedan ayudar.
Muchas Gracias

[skiper0125]

Hola que tal.

prueba con esto

Código Javascript:

<script>
    function validarSiNumero(numero){
        if (!/^([0-9])*$/.test(numero)){
            alert("El valor " + numero + " es incorrecto, debes escribir únicamente números");
            document.getElementById("telefono").value='';
        }
      
    }
</script>
 

[javier0730]

Gracias por responder skiper0125 pero no me ha funcionado ya intente tambien con:

Código Javascript:

<script>
    function validarSiNumero(numero)
    {
        if (!/^([0-9])*$/.test(numero))
        {
            alert("El número telefónico " + numero + " es incorrecto, debes escribir únicamente números");
            document.clear();
        }
    }
</script>
 

[javier0730]

Hola de nuevo, he modificado la expresión regular para mejorar un poco la situación, lo he dejado así:

Código Javascript:

<script>
    function validarSiNumero(numero)
    {
        if (!/^[0-9]{10}$/.test(numero))
        {
            alert("El número telefónico " + numero + " es incorrecto ó está incompleto, verifica que sean 10 caracteres numéricos");
        }
    }
</script>
 

Esto para obligar a que la cantidad de dígitos sea 10 ya que con la ER /^([0-9])*$/ me acepta numeros del 0 al 9 pero se pueden colocar números incompletos y ahora ya se valida que sean 10 pero el problema sigue siendo el mismo ya que el usuario puede ignorar el mensaje de advertencia y dejarlo incorrecto. Así que si alguin sabe como eliminar el contenido del campo de texto despues de mostrar el aviso se lo agradecería muchisimo.

[javier0730]

Hola de nuevo.

Se me ocurrio agregar tambien la ER en el campo de texto para obligar al usuario a escribir sólo números, quedando así:

Código HTML:

<input name="telefono" type="text" id="telefono" value="<?php echo $telefonoActual; ?>" size="15" maxlength="10"  onkeyup="this.value = this.value.replace (/[^0-9 ]/, ''); " onChange="validarSiNumero(this.value);" />
 

El script lo sigo dejando así:

Código Javascript:

<script>
        function validarSiNumero(numero)
        {
            if (!/^[0-9]{10}$/.test(numero))
            {
                alert("El número telefónico " + numero + " es incorrecto ó está incompleto, verifica que sean 10 caracteres numéricos");
            }
        }
    </script>
 

Con esto ya no se puede escribir letras ni caracteres especiales (se supone), y digo se supone porque ahora el único problema es que al pulsar una tecla y dejarla presionada, al momento de soltarla, sólo se borra la última y no todas las demás.

Sería bueno si alguien sabe como mejorarlo o si tiene una mejor solución, aunque así como quedo pues ya esta mucho mejor porque no creo que a alguien se le ocurra pulsar una tecla y no soltarla, ya que es la única forma de meter caracteres no permitidos, cuando el usuario vea que al poner una letra, esta se borra de inmediato, yo espero que se decida a poner únicamente números.

Saludos.