Programación Web y Scripting > JavaScript
Mensaje De Alerta
lulial:
Hola yo quiero que en un formulario de altas al no meter nada en una caja de texto me apareza un mensaje indicando q debe introducir un valor, tengo el siguiente código en la cabecera del html
<script>
function Comprueba(Nombre) {
var n = Nombre.value;
if(n.length == 0 ) {
alert('¡Introduzca un valor!');
Nombre.focus();
}
}
</SCRIPT>
y el código de la caja de texto es el siguiente:
<input name="Nombre" type="text" maxlength="15" onBlur="Comprueba(this)">
el mensaje me sale el problema que tengo esq a la hora d aceptar el sms e ir a la caja a introducir el valor no me deja cerrar la ventana del sms.
A ver si me podeis ayudar
Gracias
nostromo:
Hola;
Lo más fácil, si tienes un formulario con varios textbox, colocar disabled=true, menos con el textbox inicial, ese queda activado.
En la onkeypress lo accesas a un java script para al apretar enter valide si el texbox este lleno y con tab para posicionarte y activar el siguiente textbox para darle el foco.
--- Código: Text --- function desactivar(){ with(document.formulario) { apellidos.disabled = true; envio.disabled = true; }} function comprobar(obj){ with(document.formulario) { var com = event.keyCode; switch(obj) { case "1": if (nombre.value != "" && com == 13) {with(apellidos){disabled=false; focus();}} break case "2": if (apellidos.value != "" && com == 13) {with(envio){disabled=false;focus();}} break : : etc } }}
En el body:
--- Código: Text --- <body onload=desactivar();> <form name=formulario> <input type = text size=10 name=nombre onkeypress=comprobar('1');> <br> <input type=text size=10 name=apellidos onkeypress = comprobar('2');> <br> <input type=submit value=Enviar name=envio></form>
Así de esta manera tienes más control sobre la validación de los formularios.
Nos vemos.
lulial:
nostromo, yo lo que quiero esq al dejar en blanco una de las cajas de texto me salga el mensaje de alerta indicando q deba introducir un campo (bueno esto me sale con el código anterior, pero el problema es q no se cierra el mensaje de alerta para volver a meter un campo).
No se que hace tu código, lo he probado pero no me funciona ( no se si quieres q te desabilite un campo si no has introducido el anterior)
Gracias.
nostromo:
Hola;
Realize el ejemplo de cero, ahora funciona sin problemas.
El codigo que tengo es habilitar los campos siempre y cuando el campo anterior contenga algo y no te deja avanzar hasta que el campo se encuentre lleno, el uso de alert dejalo un poco de lado, el beep es bastante molesto.
La validación es más profesional y luego puedes hacer ingresar solamente números y letras, para validar los campos de nombres y fonos, etc.
Ahora al inicializar la página, se coloca automaticamente en el primer campo.
El ejemplo se encuentra probado en Win98 SE, Explorer 5.0 y 6.0, Opera. Se utilizo el Crimson Editor (Block de notas con resalte de sintaxis) para editar el código.
--- Código: Text ---/------------------------------ /* Cedido por Alejandro Ramírez Bastias Profesional forestal, programador en VisualBasic, html, css, JavaScript, Xml a_ramirezb@latinmail.com Iquique, Chile */ //-------------------------------
--- Código: Text ---<html><head><title></title><style>body {cursor:default;font-family:verdana;font-size:12px;}.texto {font-family:verdana;font-size:12px;}.borde {border:solid 1px #000000;} .btn {border:solid 1px #000000;font-family:verdana;font-size:14px;}</style><script> //------------------------------ /* Cedido por Alejandro Ramírez Bastias Profesional forestal, programador en VisualBasic, html, css, JavaScript, Xml a_ramirezb@latinmail.com Iquique, Chile */ //-------------------------------function menus(){ with (document) { oncontextmenu = new Function("return false"); onselectstart = new Function("return false"); }} function desactivar(){ with(document.formul) { //--- Desactivar campos y boton enviar apell.disabled = true; direc.disabled = true; emilio.disabled = true; listo.disabled = true; //--- Colocar foco en el primer campo nom.focus(); }}function salto(obj){ with(document.formul) { //--- Declarar variables ---- var e_kc = event.keyCode; switch(obj) { case "1": if (e_kc == 13 && nom.value != "") { with(apell) {disabled=false;focus();} } break case "2": if (e_kc == 13 && apell.value != "") { with(direc) {disabled=false;focus();} } break case "3": if (e_kc == 13 && direc.value != "") { with(emilio) {disabled=false;focus();} } break case "4": if (e_kc == 13 && emilio.value != "") { with(listo) {disabled=false;focus();} } break } }}</script></head><body onload=desactivar();menus();><center><form name=formul> <table border=0 cellspacing=0 cellpadding=0 class=texto> <tr> <td>Nombre :</td><td><input type=text size=7 name=nom class=borde onkeypress=salto('1');>(*)</td> </tr> <tr><td height=30 colspan=2></td></tr> <tr> <td>Apellido :</td><td><input type=text size=7 name=apell class=borde onkeypress=salto('2');>(*)</td> </tr> <tr><td height=30 colspan=2></td></tr> <tr> <td>Dirección :</td><td><input type=text size=7 name=direc class=borde onkeypress=salto('3');>(*)</td> </tr> <tr><td height=30 colspan=2></td></tr> <tr> <td>Email :</td><td><input type=text size=7 name=emilio class=borde onkeypress=salto('4');>(*)</td> </tr> <tr><td height=30 colspan=2></td></tr> <tr> <td><input type=button value=Enviar name=listo class=btn></td> </tr> </table>(*) Todos los campos son obligatorios, llene el campo respectivo para poder continuar.</form> </center></body></html>
Nos vemos.
lulial:
Hola ya entido tu codigo, inabilitar el boton de enviar hasta que no se llenen todos los campos, está muy bien.
Pero he creado un página html con ese mismo código y al meter el campo nombre ni con el tabulardor ni con el ratón me deja posicionarme en el segundo campo, no detectará el valor??
Mi código anterior, me funciona con un campo, pero ya al poner al campo siguiente que llame a comprobar si tiene algo hay se me bloquea y no se cierra el mensaje de alerta.
Muchas gracias por tu ayuda.
Un saludo
Navegación
[#] Página Siguiente
Ir a la versión completa