Prblemas con los formularios

Esfinge02 · #1 (**permalink**) 03/04/2009, 19:03

buenas quisiera saber de que manera puedo ejecutar una pagina con form "formularios", pero un mismo js, de validacion. ya que lo intentado pero al estar los dos el js no funciona, sin emvargo al quitar uno funciona perfectamen, ya trate tamvien manejar dos tipos de js uno para cada formulario pero tampoco funciona cualquiere sugerencia se los agradeseria demaciado, gracias.....

.

David · #2 (**permalink**) 03/04/2009, 20:06

No entiendo exactamente el problema, ya que no nos indicas cómo está estructurado el código.

Una idea de cómo podrías hacerlo es que las funciones reciban como parámetros los valores a validar.

Esfinge02 · #3 (**permalink**) 04/04/2009, 11:42

hola, tienes rason asi que dejo un ejemplo reducido de lo que estoy asiendo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.:Prueva:.</title>

<link rel="stylesheet" type="text/css" href="messages.css" />
<script type="text/javascript" src="messages7.js"></script>

<SCRIPT LANGUAGE="JavaScript">
function validarFormulario() {
var form = document.datos;
var s = "no";
for ( var i = 0; i < form.optc.length; i++ ) {
if ( form.optc.checked ) {
s= "si";
break;
}
}
if ( s == "no" ){
alert( "Debe seleccionar una opcion" ) ;
}
}
</SCRIPT>

</head>

<body>

<form method="post" action="pruebaval.asp?opc=1" name="datos" onsubmit="">
<table width="70%" border="1" align="center">
<tr>
<td colspan="1">Formulario</td>
</tr>
<tr>
<td style="color:Red; font-size:12px;">
<input id="op1" type="radio" name="optc" value="1" />opt1  
<input id="op2" type="radio" name="optc" value="2" />opt2 
<input id="op3" type="radio" name="optc" value="3" />opt3
</td>
</tr>
<tr>
<td><input id="Button1" type="submit" value="evaluacion" onClick="validarFormulario()"/></td>
</tr>
</table>
</form>
<form method="post" action="pruebaval.asp?opc=1" name="datos" onsubmit="return validate(this)">
<table width="70%" border="1" align="center">
<tr>
<td><textarea id="txtObservacion" name="txtObservacion" rows="2" style="width: 378px"></textarea></td>
</tr>
<tr>
<td><input id="guardar" type="submit" value="Guardar" name="guardar" /></td>
</tr>
</table>
</form>
</body>
</html>
si saben algo se los agradeseria.....

David · #4 (**permalink**) 04/04/2009, 11:58

Fíjate que en tu función validarFormulario estás especificando cuál es el formulario. Lo que puedes hacer es recibir ese formulario como parámetro:

Código javascript:

Ver originalfunction validarFormulario(form) {
    // Validaciones
    // return true/false
}

Y lo llamas desde el onsubmit de cualquier formulario que tenga los campos a validar:

Código html:

Ver original<form action="..." method="..." onsubmit="return validarFormulario(this)">

Esfinge02 · #5 (**permalink**) 04/04/2009, 12:19

ok gracias, lo intentare y te aviso si me funciono

Esfinge02 · #6 (**permalink**) 04/04/2009, 21:49

hola de nuevo, e intentado lo que me dijiste, y el problema persiste, seguire buscando aver que y si lo consigo les avisare.....

David · #7 (**permalink**) 04/04/2009, 23:06

Sin ver el código de cómo lo intentaste es difícil saber la causa del problema.

Si nos muestras el código, tal vez podamos ayudarte a corregirlo.

Esfinge02 · #8 (**permalink**) 06/04/2009, 11:08

oko, creo que lo puse mal pero aqui lo pongo;

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.:Prueva:.</title>

<link rel="stylesheet" type="text/css" href="messages.css" />
<script type="text/javascript" src="messages7.js"></script>

<SCRIPT LANGUAGE="JavaScript">
function validarFormulario(form) {
var form = document.datos;
var s = "no";
for ( var i = 0; i < form.optc.length; i++ ) {
if ( form.optc.checked ) {
s= "si";
break;
}
}
if ( s == "no" ){
alert( "Debe seleccionar una opcion" ) ;
}
}
</SCRIPT>

</head>

<body>

<form method="post" action="pruebaval.asp?opc=1" name="datos" onsubmit="return validate(this)">
<table width="70%" border="1" align="center">
<tr>
<td colspan="1">Formulario</td>
</tr>
<tr>
<td style="color:Red; font-size:12px;">
<input id="op1" type="radio" name="optc" value="1" />opt1  
<input id="op2" type="radio" name="optc" value="2" />opt2 
<input id="op3" type="radio" name="optc" value="3" />opt3
</td>
</tr>
<tr>
<td><input id="Button1" type="submit" value="evaluacion" /></td>
</tr>
</table>
</form>
<form method="post" action="pruebaval.asp?opc=1" name="datos1" onsubmit="return validate(this)">
<table width="70%" border="1" align="center">
<tr>
<td><textarea id="txtObservacion" name="txtObservacion" rows="2" style="width: 378px"></textarea></td>
</tr>
<tr>
<td><input id="guardar" type="submit" value="Guardar" name="guardar" /></td>
</tr>
</table>
</form>
</body>
</html>

David · #9 (**permalink**) 06/04/2009, 11:24

Ésta línea debes quitarla de la función:

Código javascript:

Ver originalvar form = document.datos;

Además, el segundo formulario es diferente al primero, así que no entiendo por qué quieres usar la misma función para validar ambas.

Esfinge02 · #10 (**permalink**) 06/04/2009, 12:20

dealli yase el problema, se supone o la teoria marca, que segundo formulario lo valido con la funcion que mando llamar;

Cita:

de estamanera.

si quieres ver esta instruccion dime y te la paso.....

David · #11 (**permalink**) 06/04/2009, 12:26

Lo cierto es que no entendi a lo que te refieres en tu último mensaje. Lo que estás haciendo allí es enlazar a una hoja de estilos y a un script externos.

Esfinge02 · #12 (**permalink**) 06/04/2009, 12:29

sep, es lo que utilizo para validar el otro formulario.