Validaciones Java Script en JSP
Publicado por Dani (1 intervención) el 14/05/2012 22:31:09
Hola..!
Antes de todo un cordial saludo, tengo un pequeño inconveniente al validar un formulario con dos instrucciones, lo que pasa es que estoy validando un formulario de registro de requerimientos o incidentes, y este formulario tiene en específico un Combo box que traerá datos desde una base de datos en MySQL, tiene un área de texto y un botón enviar, lo que yo trato de hacer es que en la acción "Enviar" o en mi caso "Generar Requisito" me valide primero si el área de texto tiene información si no la tiene enviarme una ventana de alerta diciendo "Debe de tener algún dato para continuar" de lo contrario si tiene información saca una ventana de confirmación preguntando que si de verdad desea generar el requisito. En fin lo que pasa es que nunca valida que el campo no esté en blanco y saca la ventana de confirmación, ya he intentado hacerle varias cosas pero sin ningún resultado, espero me puedan ayudar.
Cídigo del formulario:
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registra un requisito</title>
<link href="css/stylesheet_main.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="validacionesjs/val_genera.js"></script>
</head>
<body class="background_color">
<div id="divbody">
<table width="80%" border="1" align="center" class="divbody">
<tr>
<td width="16%"><div class="divlogo" id="divLogo"><img src="images/mesa.jpg" width="127" height="127" alt="logo" /></div></td>
<td colspan="50" align="center" valign="middle" class="page_title"><strong>Registro del Requisito</strong></td>
</tr>
<tr>
<td height="358" colspan="2">
<form action="" method="post" name="formRegistro" onsubmit="valData">
<table width="89%" height="180" border="0" align="center" class="div">
<tr>
<td width="35%" align="right">Área: </td>
<td width="65%"><label for="cbArea"></label>
<select name="cbArea" id="cbArea">
</select></td>
</tr>
<tr>
<td align="right">Descripción:</td>
<td><label for="tbDescripcion"></label>
<textarea name="tbDescripcion" id="tbDescripcion" cols="45" rows="5"></textarea></td>
</tr>
<tr>
<td> </td>
<td align="center"><input type="submit" onclick="valEnvio()" name="btnGenerar" id="btnGenerar" value="Generar Requisito" /></td>
</tr>
</table>
</form>
</td>
<td width="10%" align="center" valign="middle" class="linkamenu"><a href="menu.jsp">Regresar al menú</a></td>
</tr>
<tr align="center" valign="middle">
<td height="5%" colspan="3" valign="bottom" class="notaslegales">El uso de este software está adscrito a las políticas de la compañía - © Medellín Soft 2012</td>
</tr>
</table>
</div>
</body>
</html>
Script:
function valEnvio(){
if (confirm('¿Está seguro de enviar estos datos?')){
document.formRegistro.submit()
}
}
function valData(oForm){
if (oForm.tbDescripcion.value == ""){
alert("Por favor describe brevemente tu requisito");
oForm.tbDescripcion.focus();
return false
}
valEnvio();
return true
}
Antes de todo un cordial saludo, tengo un pequeño inconveniente al validar un formulario con dos instrucciones, lo que pasa es que estoy validando un formulario de registro de requerimientos o incidentes, y este formulario tiene en específico un Combo box que traerá datos desde una base de datos en MySQL, tiene un área de texto y un botón enviar, lo que yo trato de hacer es que en la acción "Enviar" o en mi caso "Generar Requisito" me valide primero si el área de texto tiene información si no la tiene enviarme una ventana de alerta diciendo "Debe de tener algún dato para continuar" de lo contrario si tiene información saca una ventana de confirmación preguntando que si de verdad desea generar el requisito. En fin lo que pasa es que nunca valida que el campo no esté en blanco y saca la ventana de confirmación, ya he intentado hacerle varias cosas pero sin ningún resultado, espero me puedan ayudar.
Cídigo del formulario:
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registra un requisito</title>
<link href="css/stylesheet_main.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="validacionesjs/val_genera.js"></script>
</head>
<body class="background_color">
<div id="divbody">
<table width="80%" border="1" align="center" class="divbody">
<tr>
<td width="16%"><div class="divlogo" id="divLogo"><img src="images/mesa.jpg" width="127" height="127" alt="logo" /></div></td>
<td colspan="50" align="center" valign="middle" class="page_title"><strong>Registro del Requisito</strong></td>
</tr>
<tr>
<td height="358" colspan="2">
<form action="" method="post" name="formRegistro" onsubmit="valData">
<table width="89%" height="180" border="0" align="center" class="div">
<tr>
<td width="35%" align="right">Área: </td>
<td width="65%"><label for="cbArea"></label>
<select name="cbArea" id="cbArea">
</select></td>
</tr>
<tr>
<td align="right">Descripción:</td>
<td><label for="tbDescripcion"></label>
<textarea name="tbDescripcion" id="tbDescripcion" cols="45" rows="5"></textarea></td>
</tr>
<tr>
<td> </td>
<td align="center"><input type="submit" onclick="valEnvio()" name="btnGenerar" id="btnGenerar" value="Generar Requisito" /></td>
</tr>
</table>
</form>
</td>
<td width="10%" align="center" valign="middle" class="linkamenu"><a href="menu.jsp">Regresar al menú</a></td>
</tr>
<tr align="center" valign="middle">
<td height="5%" colspan="3" valign="bottom" class="notaslegales">El uso de este software está adscrito a las políticas de la compañía - © Medellín Soft 2012</td>
</tr>
</table>
</div>
</body>
</html>
Script:
function valEnvio(){
if (confirm('¿Está seguro de enviar estos datos?')){
document.formRegistro.submit()
}
}
function valData(oForm){
if (oForm.tbDescripcion.value == ""){
alert("Por favor describe brevemente tu requisito");
oForm.tbDescripcion.focus();
return false
}
valEnvio();
return true
}
Valora esta pregunta
0