Validaciones en JavaScript. Teléfono y email

Validaciones en JavaScript. Teléfono y email

En este tutorial aprenderemos varias formas de hacer validaciones de campos tipo texto con JavaScript para permitir teléfonos y emails válidos.

Validación de un campo teléfono

Método para validar un campo de texto para que sólo permita introducir 9 números.

<!-- Campo de tipo texto para permitir sólo números de teléfono -->
<input type="text" class="input-field" oninput="validateInputTel(this)"/>
<script>
    function validateInputTel(elem) {
        var numbers = /^[0-9\s]+$/;
        return elem.value.match(numbers);
    }
</script>

Validación de un campo email

Método para validar un campo de texto para que sólo permita emails correctos

<!-- Campo de tipo texto para permitir sólo emails válidos -->
<input type="text" class="input-field" oninput="validateInputEmail(this)"/>
<script>
    function validateInputEmail(email) {
        return /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/.test(email);
    }
</script>

Más tutoriales de JavaScript

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo