Javascript que ejecuta otro javascript

darkmcloud · #1 (**permalink**) 29/12/2008, 15:03

buenas amigos de forosdelweb...necesito hacer lo siguiente:
tengo un formulario en el cual valido que se llenen todos los campos y funciona muy bien....pero me gustaria que al terminar de comprobar que todos los campos estan con los datos validos se ejecute una segunda funcion llamada insertar()....
me explico :
al presionar el boton insertar llamo a la funcion validar () :

function validar(form)
{
var error = "POR FAVOR, ANTES DE ENVIAR EL FORMULARIO, DEBE COMPLETAR LOS SIGUIENTES CAMPOS:\n\n";
var a = ""

if (form.csr.value == "") { a += "CSR \n"; }
if (form.nombre_cliente.value == "") { a += "NOMBRE CLIENTE\n"; }
if (form.artefacto.value == "") { a += "ARTEFACTO\n"; }
if (form.serie.value == "") { a += "SERIE\n"; }
if (form.tipo_artefacto.selectedIndex==0) { a += "TIPO DE ARTEFACTO\n";}
if (form.csr.value.length<5) { a += "VALOR CSR INVALIDO \n"; }

if (a != "") { alert(error + a); return true; }
form.submit()
}

y la idea es que al final en vez de hacer el submit....me ejecute esta otra funcion :

function insertar()
{document.frmClientes.action='insert_clientes.asp? rut='+ document.frmClientes.rut.value+'&razon='+document. frmClientes.razon.value +'&folio='+document.frmClientes.folio.value +'&fecha='+document.frmClientes.fecha.value +'&orden='+ document.frmClientes.orden.value;
document.frmClientes.method="POST";
document.frmClientes.submit();
}

alguna idea de como hacer esto ???

De antemano muchas gracias

TresPuntoDos · #2 (**permalink**) 29/12/2008, 18:10

En vez de poner form.submit() pon insertar()

darkmcloud · #3 (**permalink**) 29/12/2008, 18:54

compadre....mi codigo completo es :

Código asp:

Ver original<%@ Language=VBScript %>
<% Response.addHeader " ", "no-cache" %>
<% Response.CacheControl = "Private" %>
<% Response.Expires=0 %>
<%
 
if Not IsEmpty(Request("rut")) then
        rut = Request("rut")
    end if
    session("rut") =9999-9
 
set Cnn=Server.CreateObject("ADODB.Connection")
    set rs=Server.CreateObject("ADODB.Recordset")
    Cnn.Open Session("cnx")
 
strSQL = "select * from FACPVTA where rut='" &  rut & "' "
         set rs = Cnn.Execute(strSQL)
         cnn.Execute(strSQL)
         
         If Not rs.EOF then
        
        rut1   = rs.Fields("RUT")
        session("rut") = rs.fields ("RUT")
        razon  = rs.Fields("RAZON")
        fecha_actual=date()
        else 
        
session("rut") =9999-9
        
        
        end if
     
         
%>
 
 
 
 
<html>
<meta http-equiv="Expires" content="0">
<meta http-equiv="cache-control" content="no-store">
<head>
<title>Consulta de Facturas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body,td,th {
    color: #FFFFFF;
}
body {
    background-image: url(images/2.jpg);
}
-->
</style></head>
<body onLoad="document.frmClientes.rut.focus();" >
<SCRIPT LANGUAGE="JAVASCRIPT">
 
function validar(form)
{
var error = "POR FAVOR, ANTES DE ENVIAR EL FORMULARIO, DEBE COMPLETAR LOS SIGUIENTES CAMPOS:\n\n";
var a = ""
 
    if (form.rut.value == "") { a += "RUT \n"; }
      if (form.razon.value == "") { a += "RAZON SOCIAL\n"; }
    if (form.folio.value == "") { a += "FOLIO FACTURA\n"; }
    if (form.orden.value == "") { a += "Nº PEDIDO\n"; }
      
 
    
    
    if (a != "") { alert(error + a); return true; }
 insertar()
}
 
 
 
 
function insertar()
    {   
    
        document.frmClientes.action='insert_clientes.asp?rut='+ document.frmClientes.rut.value+'&razon='+document.frmClientes.razon.value +'&folio='+document.frmClientes.folio.value  +'&fecha='+document.frmClientes.fecha.value  +'&orden='+ document.frmClientes.orden.value;
        document.frmClientes.method="POST";
        document.frmClientes.submit(); 
    }
 
 
 
 
 
 
 
    </SCRIPT>
 
 
 
 
 
 
 
<form name="frmClientes" method="post" action="facturas_final.asp" autocomplete  = "off">
  <table width="971" border="0" cellpadding="2" cellspacing="2">
    <tr>
<td width="120" height="32"> Rut </td>
<%if session("rut") <>9999-9 then%> 
<td width="250"> Razon Social</td>
<td width="120">Factura N°:</td>
<td width="120">Fecha:</td>
<td width="202"> N&deg; Pedido </td>
 <%end if %>     
       
<tr>
<td width="120" ><input name="rut" value="<%=rut%>"> </td>
<%if session("rut") <>9999-9 then%>
<td width="250"><input name="razon" value="<%=razon%>" size=50></td>
<td width="120"><input name="folio" value="<%=folio%>" size=20 ></td>
<td width="120"><input name="fecha" value="<%=fecha_actual%>" readonly size=20 ></td>
<td width="202"><input name="orden" value="<%=orden%>" size=20></td>  
    <%end if %>   
    
    
    
    <tr>
     
      <td colspan="2" align=left>
        <p>
            
          <input name="submit" type="submit" value="Buscar">
 
</td>
    
 
<%if session("rut") <>9999-9 then%>
     <td colspan="2" align=left>
    
 <input type="button" value="Terminar" onClick="validar(this.form)">
    
    </td>
    <%end if %>
     </tr>
  </table>
</FORM> 
</body>
</html>

y me dice error de "el objeto no acepta esta propiedad o metodo"...linea 49
y esa es la de:

body {
background-image: url(images/2.jpg);
}

o sea extraño el error.....que podra ser ??

#4 (**permalink**) 30/12/2008, 03:33

En realidad no se refiere a esa línea 49, sino a la línea 49 del código generado en el navegador. Así que dale en el navegador a "Ver código fuente" y busca la línea 49.

Como indicación general, yo que tú pondría al <form> y a los <input> a cada uno su id:

Código html:

Ver original<form name="frmClientes" id="frmClientes" method="post" action="facturas_final.asp" autocomplete  = "off">
<!-- ... -->
<td width="120" ><input name="rut" id="rut" value="<%=rut%>"> </td>
<%if session("rut") <>9999-9 then%>
<td width="250"><input name="razon" id="razon" value="<%=razon%>" size=50></td>
<td width="120"><input name="folio" id="folio" value="<%=folio%>" size=20 ></td>
<td width="120"><input name="fecha" id="fecha" value="<%=fecha_actual%>" readonly size=20 ></td>
<td width="202"><input name="orden" id="orden" value="<%=orden%>" size=20></td>  
<!-- ... -->

Y luego haría referencia a ellos en Javascript usando document.getElementById:

Código javascript:

Ver originalfunction insertar() {
    var formulario = document.getElementById("frmClientes");
    formulario.action='insert_clientes.asp?rut=' + document.getElementById("rut").value + 
                       '&razon=' + document.getElementById("razon").value +
                       '&folio=' + document.getElementById("folio").value + 
                       '&fecha=' + document.getElementById("fecha").value +
                       '&orden=' + document.getElementById("orden").value;
    formulario.method="POST";
    formulario.submit(); 
}

darkmcloud · #5 (**permalink**) 30/12/2008, 09:35

compadre...gracias por tu respuesta....pero hice todos los cambios que mencionas en tu post (venkman) y nada...sigue mandando el mismo error ahora en la linea 51...que viendo en el navegador es la linea de formulario.submit....
que podra ser ??

#6 (**permalink**) 31/12/2008, 13:51

¿Podrías pegar:

1- El código completo que se ve al dar a "Ver código fuente"
2- Exactamente el mensaje de error que te da con la línea y la descripción exacta

por favor?

darkmcloud · #7 (**permalink**) 02/01/2009, 10:03

compadre....aca esta el codigo :

Código asp:

Ver original<html>
<meta http-equiv="Expires" content="0">
<meta http-equiv="cache-control" content="no-store">
<head>
<title>Consulta de Facturas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body,td,th {
    color: #FFFFFF;
}
body {
    background-image: url(images/2.jpg);
}
-->
</style></head>
<body onLoad="document.frmClientes.rut.focus();" >
<SCRIPT LANGUAGE="JAVASCRIPT">
 
function validar(form)
{
var error = "POR FAVOR, ANTES DE ENVIAR EL FORMULARIO, DEBE COMPLETAR LOS SIGUIENTES CAMPOS:\n\n";
var a = ""
 
    if (form.rut.value == "") { a += "RUT \n"; }
      if (form.razon.value == "") { a += "RAZON SOCIAL\n"; }
    if (form.folio.value == "") { a += "FOLIO FACTURA\n"; }
    if (form.orden.value == "") { a += "Nº PEDIDO\n"; }
      
 
    
    
    if (a != "") { alert(error + a); return true; }
 insertar()
}
 
 
 
 
function insertar()
    {   
    
        document.frmClientes.action='insert_clientes.asp?rut='+ document.frmClientes.rut.value+'&razon='+document.frmClientes.razon.value +'&folio='+document.frmClientes.folio.value  +'&fecha='+document.frmClientes.fecha.value  +'&orden='+ document.frmClientes.orden.value;
        document.frmClientes.method="POST";
        document.frmClientes.submit(); 
    }
 
 
 
 
 
 
 
    </SCRIPT>
 
 
 
 
 
 
 
<form name="frmClientes" method="post" action="2.asp" autocomplete  = "off">
  <table width="971" border="0" cellpadding="2" cellspacing="2">
    <tr>
<td width="120" height="32"> Rut </td>
 
<td width="250"> Razon Social</td>
<td width="120">Factura N°:</td>
<td width="120">Fecha:</td>
<td width="202"> N° Pedido </td>
      
       
<tr>
<td width="120" ><input name="rut" value="15792248-3"> </td>
 
<td width="250"><input name="razon" value="Dark Mcloud Inc." size=50></td>
<td width="120"><input name="folio" value="" size=20 ></td>
<td width="120"><input name="fecha" value="02-01-2009" readonly size=20 ></td>
<td width="202"><input name="orden" value="" size=20></td>  
       
    
    
    
    <tr>
     
      <td colspan="2" align=left>
        <p>
            
          <input name="submit" type="submit" value="Buscar">
 
</td>
    
 
 
     <td colspan="2" align=left>
    
 <input type="button" value="Terminar" onClick="validar(this.form)">
    
    </td>
    
     </tr>
  </table>
</FORM> 
</body>
</html>

el error es :

Linea: 49
Caracter: 9
Error: El Objeto no acepta esta propiedad o metodo
Codigo: 0
Direccion URL : http://localhost/inventario/2.asp...

de antemano muchas gracias

#8 (**permalink**) 03/01/2009, 05:12

No veo que hayas hecho los cambios que te dije que hicieras y que tú decías que habías hecho.

darkmcloud · #9 (**permalink**) 05/01/2009, 12:07

Código asp:

Ver original<html>
<meta http-equiv="Expires" content="0">
<meta http-equiv="cache-control" content="no-store">
<head><title>Consulta de Facturas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body,td,th {
    color: #FFFFFF;
}
body {
    background-image: url(images/2.jpg);
}
-->
</style></head>
<body onLoad="document.frmClientes.rut.focus();" >
<SCRIPT LANGUAGE="JAVASCRIPT">
 
function validar(form)
{
var error = "POR FAVOR, ANTES DE ENVIAR EL FORMULARIO, DEBE COMPLETAR LOS SIGUIENTES CAMPOS:\n\n";
var a = ""
 
    if (form.rut.value == "") { a += "RUT \n"; }
      if (form.razon.value == "") { a += "RAZON SOCIAL\n"; }
    if (form.folio.value == "") { a += "FOLIO FACTURA\n"; }
    if (form.orden.value == "") { a += "Nº PEDIDO\n"; }
      
 
    
    
    if (a != "") { alert(error + a); return true; }
 insertar()
}
 
 
      function insertar() {
 
          var formulario = document.getElementById("frmClientes");
 
          formulario.action='insert_clientes.asp?rut=' + document.getElementById("rut").value +
                             '&razon=' + document.getElementById("razon").value +
 
                             '&folio=' + document.getElementById("folio").value +
 
                             '&fecha=' + document.getElementById("fecha").value +
                   '&orden=' + document.getElementById("orden").value;
 
          formulario.method="POST";
 
          formulario.submit();
 
      }
 
 
 
    </SCRIPT>
 
 
 
 
      <form name="frmClientes" id="frmClientes" method="post" action="facturas_final.asp" autocomplete  = "off">
 
 
      <td width="120" ><input name="rut" id="rut" value="<%=rut%>"> </td>
 
      <%if session("rut") <>9999-9 then%>
 
      <td width="250"><input name="razon" id="razon" value="<%=razon%>" size=50></td>
 
      <td width="120"><input name="folio" id="folio" value="<%=folio%>" size=20 ></td>
 
      <td width="120"><input name="fecha" id="fecha" value="<%=fecha_actual%>" readonly size=20 ></td>
 
      <td width="202"><input name="orden" id="orden" value="<%=orden%>" size=20></td>  
 
 
    
    
    <tr>
     
      <td colspan="2" align=left>
        <p>
            
          <input name="submit" type="submit" value="Buscar">
 
</td>
    
 
 
     <td colspan="2" align=left>
    
 <input type="button" value="Terminar" onClick="validar(this.form)">
    
    </td>
    
     </tr>
  </table>
</FORM> 
</body>
</html>

perdon compadre...me habia equivocado en postear el codigo...pero lo hice como dijiste tu..(lo que pasa es que tenia 2 paginas que se llamaban casi =....
el error al parecer lo da cuando tendria que ejecutarse el insertar()...porque al menos comprueba bien que esten todos los campos con datos...

el error lo da en la linea 40...donde esta:
formulario.submit();
de antemano muchas gracias

#10 (**permalink**) 05/01/2009, 12:32

Ah... ya veo el problema.

Esto: <input name="submit" type="submit" value="Buscar">

NO le pongas nunca de nombre submit a un elemento de un formulario, porque entonces se confunde el "submit función del formulario" con el "submit elemento del formulario" y no funciona.

Ponle otro nombre a eso.

darkmcloud · #11 (**permalink**) 05/01/2009, 12:52

tenias toda la razon compadre....jejejeje..
lo siento por las molestias causadas....le borre el nombre y el formulario valida los datos y los envia...te pasaste por la ayuda
Muchas Gracias y hasta pronto