Hola, he retomado mis cursos de JavaScript despues de una pequeña pausa en un curso de idiomas.
He intentado resolver el ejercicio propuesto por el apartado. He comprobado otros ejercicios resueltos y no sé si mi ejercicio me ha quedado demasiado simple. Quizás me haya saltado algo.
Aqui está la respuesta:
Crea un documento HTML (página web) donde exista un formulario que se envíe por el método GET. Se pedirá al usuario que introduzca nombre, apellidos y correo electrónico. Define dentro de la etiqueta form que cuando se produzca el evento onsubmit (pulsación del botón de envío del formulario) se ejecute una función a la que denominaremos validacionConExpReg que no recibe parámetros.
La función validar debe realizar estas tareas y comprobaciones utilizando expresiones regulares:
a) Comprobar que el nombre contiene al menos tres letras. Si no es así, debe aparecer un mensaje por pantalla indicando que el texto no cumple tener al menos tres letras. Por ejemplo si se trata de enviar Ka como nombre debe aparecer el mensaje: “El nombre no cumple tener al menos tres letras”.
b) Comprobar que el correo electrónico contiene el carácter @ (arroba) y el carácter . (punto). De no ser así, deberá aparecer un mensaje indicando que al correo electrónico le falta uno o ambos caracteres. Por ejemplo si se trata de enviar pacogmail.com deberá aparecer el mensaje: “Falta el símbolo @ en el correo electrónico”.
c) Antes de enviarse los datos del formulario a la página de destino, todas las letras del correo electrónico deben transformarse a minúsculas. Por ejemplo si se ha escrito PACO@GMAIL.COM debe enviarse paco@gmail.com
d) Antes de enviarse los datos del formulario a la página de destino, si el correo electrónico contiene la subcadena “ at “ debe reemplazarse por el símbolo @. Por ejemplo si se ha escrito paco at gmail.com debe enviarse paco@gmail.com
<!DOCTYPE html>
<html>
<head>
<title>susodicho</title>
<meta charset="utf-8">
<script type="text/javascript">
function validacionConExpReg() {
var nombreUsuario = document.getElementById('nombre');
var apellidosUsuario = document.getElementById('apellidos');
var emailUsuario = document.getElementById('email');
//alert(emailUsuario.value);
var regExpNombre = /\w{3}/;
var regExpEmail = /\w+@{1,1}\w+\.\w+/;
if (regExpNombre.test(nombreUsuario.value)==true && regExpEmail.test(emailUsuario.value)==true) {
alert('ay! qué bien');
emailUsuario.value = atFuncion(emailUsuario);
emailUsuario.value = minusculas(emailUsuario.value);
}
else{
alert('Uno de los datos es incorrecto. Por favor comprueba que: \n -El nombre contiene al menos 3 letras. \n -El email contiene el simbolo "@" y al menos un punto "."');
nombreUsuario.value = " ";
apellidosUsuario.value = " ";
emailUsuario.value = " ";
window.location.reload();
}
function minusculas(email) {
return email.toLowerCase();
}
function atFuncion(email) {
return email.replace(/\sat\s/g, '@');
}
}
</script>
</head>
<body>
<h1>Cuestionario sobre la vida y el mamor</h1>
<h2>Por favor introduzca sus datos personales de verdad: </h2>
<div>
<form name="formularioDeContacto" class="formularioTipo1" method="get" onsubmit="validacionConExpReg()">
<p>Aquí abajo es donde colocar sus datos</p>
<label><span>Nombre: </span><input id="nombre" type="text" name="nombre"> </label><br><br>
<label><span>Apellidos: </span><input id="apellidos" type="text" name="apellidos"> </label><br><br>
<label><span>e-Mail: </span><input id="email" type="text" name="email"> </label><br><br>
<label>
<input type="submit" value="enviar">
</label>
<label>
<input type="reset" value="cancelar">
</label>
</form>
</div>
</body>
</html>
Tema: Paréntesis en expresiones regulares JavaScript. Flag. exec, test, mat CU01155E (Leído 2148 veces)
RSS -
WAP2