como validar un formulario o menu

manolo572 · #1 (**permalink**) 18/06/2010, 15:08

hola programadores
Tengo una duda lo que quiero es que mi menu que me muestra varias seleccion de campos de categorias quiero que si no se elije un dato me mande un mensaje o un combo box de alerta de que no se puede agregar un proyecto y no pueda saltarme al siguiente link o pagina si no selecciono un campo de tipo de proyecto

Esta es mi seleccion que me muestra los datos de tipo de proyectos:

Código ASP:

Ver original<select name="selecttipo" id="selecttipo"  onchange="muestra()">
            <option value="-1">Selecciona el tipo de proyecto</option>
            <%
            'Se declara la selección de campos de la base de datos
            selectSQL2="SELECT * FROM Pry_Cat_tipopry WHERE id_tipo<>12 ORDER BY [prytipo] ASC"
            set rs2 = prycxn.execute(selectSQL2)
            rs2.MoveFirst
            Do while not rs2.eof%>
            <option value="<%=rs2("id_tipo")%>"><%=rs2("prytipo")%></option>
            <%rs2.movenext
            loop%>
            </select>

javmireles1 · #2 (**permalink**) 23/06/2010, 10:45

Hay dos formas, la primera y mas simple es que omitas la linea:

<option value="-1">Selecciona el tipo de proyecto</option>

así estará seleccionada la primera opción que tengas.

La segunda forma es que hagas una verificación mediante un script de cliente (javascript), aqui esta un pequeño ejemplo:

<html>
<head>
<script language='javascript'>
function Verifica(f)
{
var tipo = f.selecttipo.value * 1;

if (tipo == -1)
{
alert ('Debe seleccionar un tipo.');
f.selecttipo.focus();
}
else
{
f.submit();
}
}
</script>
</head>
<body>
<form name='FrmProyectos' method='post' action='Procesa.asp'>
<select name='selecttipo'>
<option value='-1'>Selecciona el tipo de proyecto</option>



<option value='1'>Alan Parsons' Project</option>
<option value='2'>Microsoft Project 2007</option>

</select>

<input name='BtnContinuar' type='button' id='BtnContinuar' value='Continuar' onClick='Verifica(this.form);'>

</form>
</body>
</html>