<!DOCTYPE>
<html lang='es'>
<head>
<title>Formulario con despliegue de recuadro. Ejercicio 3.25</title>
<meta charset='UTF-8'/>
<meta name='description' content='Página web'>
<meta name='keywords' content=',javascript, ejemplo, html'>
<script type="text/javascript">
function comprobarYEnviar(){
textNombre=document.getElementById("textNombre");
if(textNombre.value.length>0){
var regExpNumero=/\d+/;
textNumero=document.getElementById("textNumero");
if(regExpNumero.test(textNumero.value)){
var regExpEMail=/\w+@\w+.\w+/;
textEMail=document.getElementById("textEMail");
if (regExpEMail.test(textEMail.value)){
selectLista=document.getElementById("selectListado");
if (selectLista.selectedIndex >=2){//todo correcto}
document.getElementById("formulario").submit();
}
else
window.alert("No se ha seleccionado un elemento de"+"lalista.");
}
else
window.alert("El e-mail no es correcto *@*.*");
}
else
window.alert("El número está vacio o no es correcto");
}
else
window.alert("No se ha introducido un nombre");
}
</script>
</head>
<body>
<form action="" method="post" id="formulario">
<table align="center">
<caption>Formulario Sencillo</caption>
<tr>
<td>Nombre:</td>
<td><input type="text" name="textNombre" id="textNombre"/></td>
</tr>
<tr>
<td>Número:</td>
<td><input type="text" name="textNumero" id="textNumero"/></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="textEMail" id="textEMail"/></td>
</tr>
<tr>
<td>
<select name="selectListado" id="selectListado">
<option value="Inicial">Selecciona algo...</option>
<option value="Inicial"></option>
<option value="inicial">Opción 1</option>
<option value="inicial">Opción 2</option>
</select>
</td>
</tr>
<td colspan="2" align="center">
<input type="button" value="Enviar" onclick="comprobarYEnviar()">
</td>
</tr>
</table>
</form>
</body>
</html>
No hay comentarios:
Publicar un comentario