Inicio > Javascript > mcalons > Hacer un mensaje de alerta

Hacer un mensaje de alerta

Experto:
Usuario:
Fecha: 04/12/2008
Valoración: (5,00 sobre 5) Categoría: Javascript
04/12/2008
pedroche, usuario preguntando en Javascript
Usuario
Hola de nuevo experto. Necesitaria saber como hacer que salte un mensaje de alerta al seleccionar un valor de un list/menu. Me explico, tienes tres campos y un boton de enviar. En cada campo tienes, por ejemplo, 5 valores y un sexto, que seria el primero de los seis, que pone seleccione una opción, y cuyo valor es 0. Así los 3 list/menu. Lo que quiero es que cuando le das al boton enviar, si te has dejado en alguno de los menus la opción "seleccione una opción", cuyo valor es 0, te salga un mensaje de alerta que te diga que esa no es una opción erronea. Quiero hacerlo como lo tienen en www.idealista.com y mi web es www.aunpaso.com, por si quieres ver exactamente los campos y los valores. Muchiiiiisimas gracias
04/12/2008
pedroche, experto respondiendo en Javascript
Experto
Hola pedroche!

Te envio un sencillo ejemplo que acabo de realizar ahorita mismo que te servirá para entender como se realiza

<html>
<head>
<script language="javascript">
<!--
function validarForm(theForm){
if (document.McAlons.asr.value == ""){alert("El campo asr no puede enviarse vacio");return(false)}
if (document.McAlons.asr2.selectedIndex == "0"){alert("El Select no puede enviarse vacio");return(false)}else{alert("El Select se completo correctamente");return(true);}
return(true)}
//-->
</script>
</head>
<body>
<p>validacion de formulario
<form name=McAlons method=post action="http://www24.brinkster.com/mcalons/mmd/shop/default.asp" onSubmit="return validarForm(this.form);">
Asr<input type=text size=5 name=asr value="">
Asr2<select name=asr2>
<option value=0>Selecciona un valor
<option value=1>McAlons1
<option value=2>McAlons2
</select>
<input type=submit name=enviar value=submit size=3>
</form>
</body>
</html>




Tamabien te indico que archivo es el de la web de idealistas por si debes de hacerlo igual pero recuerda que los nombres de los select deberan ser iguales y ten cuidado que javascript distingue minusculas de mayusculas.
http://www.idealista.com/libreriasJavascript/funciones_cuadro_busqueda.js

Si utilizas un archivo de otro programador es conveniente dejar su nombre, por cortesia pues al tambien le llevo su tiempo y nos ha ahorrado un tiempo a nosotros.


Es el archivo js que se incluye y controla el submit del formulario al hacer click sobre el boton

<INPUT TYPE="button" value='buscar' style="width:150px" width="150px" onClick="javascript:ValidarSubmit(document.formCriterio);">

Y asi es como se incluye un archivo js en concreto el citado

<SCRIPT LANGUAGE='JavaScript1.2' SRC='../libreriasJavascript/funciones_cuadro_busqueda.js'></SCRIPT>


Te facilito este link donde encontrarás diversos artículos sobre javascript y varios de ellos tratan sobre validar formularios

http://www.elcodigo.net/taller/autores.html

Salu2 pedroche!

McAlons Multimedia Design

Muy pronto URL personal.
En construccion Tienda Virtual standard para su comercializacion para webmaster, pequeñas y medianas empresas que deseen realizar negocio en internet.

Puedes ver como se está construyendo en http://www24.brinkster.com/mcalons/mmd/shop/default.asp

Si estas interesado en la misma, enviame un mail a MACALONS@terra.es


04/12/2008
pedroche, usuario preguntando en Javascript
Usuario
Mcalons, como siempre tu script funciona perfectamente. Ya lo he acoplado con los valores para mi web. Muchiiiiiiiisimas gracias
Enlaces patrocinados