Validacion de Utilizando Comodines

Espe cializacion en Diseño y Animacion Web
UNIVERSIDAD TECNICA DE AMBATO

EJERCICIO REALIZARUNA VALIDACION DE UN FORMULARIO TAMBIEN
UTILIZANDO COMODINES.
El siguiente ejercicio lohemos realizado deacuerdo a las necesidades que tiene una
pagina web al validar un formulario de envio de formulario para su servidor
Se be ingresar el nombre si no ingresa el nombre tiene que aparecer ingrese su

nombre, la edad si es menor de edad no le deja enviar el formulario, tiene que
seleccionar los interéses de lo que ofrece la pagina web y al final comprobar si su email

Programacion en Javascript
es valido envía el formulario al servidor eso esla idea planeada.
Primero debemos programarlo en el bloc de notas según hemos aprehendido en las

clases.
<html>
<head>
<title>Validar mi primer formulario</title>
<script>
function validarEntero(valor){
//intento convertir a entero.
//si era un entero no le afecta, si no lo era lo intenta convertir
valor = parseInt(valor)
//Compruebo si es un valor numérico
if (isNaN(valor)) {
//entonces (no es numero) devuelvo el valor cadena vacia

[Seleccionar fecha]
return ""
}else{
//En caso contrario (Si era un número) devuelvo el valor
return valor
function valida_envia(){
//valido el nombre
if (document.fvalida.nombre.value.length==0){
alert("Tiene que escribir su nombre")
document.fvalida.nombre.focus()
return 0;
//valido la edad. tiene que ser entero mayor que 18
edad = document.fvalida.edad.value
edad = validarEntero(edad)
document.fvalida.edad.value=edad
if (edad==""){
alert("Tiene que introducir un número entero en su edad.")
document.fvalida.edad.focus()
return 0;
}else{
if (edad<18){
alert("Debe ser mayor de 18 años.")
document.fvalida.edad.focus()
return 0;
}
2
[Seleccionar fecha]
//valido el interés
if (document.fvalida.interes.selectedIndex==0){
alert("Debe seleccionar un motivo de su contacto.")
document.fvalida.interes.focus()
return 0;
//pongo los parámetros con un comodin que debn cumplirse
var expresion=new RegExp(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/);
email = document.fvalida.email.value
email = validarEntero(email)
document.fvalida.email.value=email
// compare los datos ingresados con la expresion
if(email==expresion)
alert("Se envio el formulario");
else
alert("e-mail no valido");
//el formulario se envia
alert("")
document.fvalida.submit();
</script>
</head>
<body>
3
[Seleccionar fecha]
<form name="fvalida">
<table>
<tr>
<td>Nombre: </td>
<td><input type="text" name="nombre" size="30" maxlength="100"></td>
</tr>
<tr>
<td>Edad: </td>
<td><input type="text" name="edad" size="3" maxlength="2"></td>
</tr>
<tr>
<td>Interés:</td>
<td>
<select name=interes>
<option value="Elegir">Elegir
<option value="Comercial">Contacto comercial
<option value="Clientes">Atención al cliente
<option value="Proveedores">Contacto de proveedores
</select>
</td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" name="email" size="30" maxlength="50"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="Enviar"

onclick="valida_envia()"></td>
4
[Seleccionar fecha]
</tr>
</table>
</form>
</body>
</html>
El resultado es el siguiente:
Para el email:
5
[Seleccionar fecha]
Para el nombre:
6
[Seleccionar fecha]
Para la edad:
Para el interés:
7
[Seleccionar fecha]
Cuando el correo es invalido:

Validacion de Utilizando Comodines

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Validacion de Utilizando Comodines

Enviado por

Direitos autorais:

Formatos disponíveis

Espe cializacion en Diseño y Animacion Web

UNIVERSIDAD TECNICA DE AMBATO

Se be ingresar el nombre si no ingresa el nombre tiene que aparecer ingrese su

Primero debemos programarlo en el bloc de notas según hemos aprehendido en las

<title>Validar mi primer formulario</title>

//intento convertir a entero.

//si era un entero no le afecta, si no lo era lo intenta convertir

//Compruebo si es un valor numérico

//entonces (no es numero) devuelvo el valor cadena vacia

//En caso contrario (Si era un número) devuelvo el valor

alert("Tiene que escribir su nombre")

//valido la edad. tiene que ser entero mayor que 18

alert("Tiene que introducir un número entero en su edad.")

alert("Debe ser mayor de 18 años.")

alert("Debe seleccionar un motivo de su contacto.")

//pongo los parámetros con un comodin que debn cumplirse

var expresion=new RegExp(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/);

// compare los datos ingresados con la expresion

alert("Se envio el formulario");

//el formulario se envia

<td><input type="text" name="nombre" size="30" maxlength="100"></td>

<td><input type="text" name="edad" size="3" maxlength="2"></td>

<option value="Comercial">Contacto comercial

<option value="Clientes">Atención al cliente

<option value="Proveedores">Contacto de proveedores

<td><input type="text" name="email" size="30" maxlength="50"></td>

<td colspan="2" align="center"><input type="button" value="Enviar"

Cuando el correo es invalido:

Você também pode gostar