No funciona boton submit si hago uso de jqtransform, ¿por que sera?

Iniciado por luison, 16 Noviembre 2009, 19:00 PM

0 Miembros y 1 Visitante están viendo este tema.

luison

Hola saludos ¡

Estoy usando jqtransform para darle estilo a mis formularios, ademas 2 archivos de ajax.js. El problema es que todo funciona a la perfeccion, pero haciendo uso de jqtransform no hace nada el boton del submit cuando le doy click, si le quito el la referencia del jqtransform  ya funca.

¿Alguien sabe a qué se debe?  :-\

Gracias.


luison

Estoy usando el siguiente code:


Código (php) [Seleccionar]

<!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>Documento sin título</title>
   
   
    <script language="javascript" type="text/javascript" src="ajax.js"></script>
<script language="javascript" type="text/javascript" src="ajaxx.js"></script>

<!--ESTILO AL FORM CON j jQuery.form.transform -->
  <link rel="stylesheet" href="jqtransform/jqtransformplugin/jqtransform.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/demo.css" type="text/css" media="all" />

<script type="text/javascript" src="include/jquery.js" ></script>
<script type="text/javascript" src="jqtransform/jqtransformplugin/jquery.jqtransform.js" ></script>

<script language="javascript">
$(function(){
$('form').jqTransform({imgPath:'jqtransformplugin/img/'});
});
</script>
   


<script languaje="javascript">

function validar(form)

{


   //VALIDACMOS MEL COMBO DE ESTADOS
if (form.select.options[form.select.selectedIndex].text == "Seleccione" && form.select2.options[form.select2.selectedIndex].text == "Seleccione" && form.select4.options[form.select4.selectedIndex].text == "Seleccione" && form.select5.options[form.select5.selectedIndex].text == "Seleccione" && form.lista.options[form.lista.selectedIndex].text == "Seleccione")

    {

    alert("Por favor, seleccione al menos un Servicio");
    return false; //form.select.focus();

}


   //SI EL CLIENTE elige INTERNET, VALIDAR CONECTIVIDAD --> Alambrica o Inalambrica
if (form.lista.options[form.lista.selectedIndex].text !="Seleccione")
{


if (form.select3.options[form.select3.selectedIndex].text =="Seleccione")
{
alert("Seleccione conexion Alambrica o Inalambrica");
form.select3.focus(); return false;
}
}



form.submit();






}

</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="paquete_pdf.php"onSubmit="enviarDatosEmpleado(); return false" >
  <table width="600" border="1" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="4" align="center">Configure su Paquete</td>
    </tr>
    <tr>
      <td width="134" align="center">Servicio</td>
      <td width="161" align="center">&nbsp;</td>
      <td width="204" align="center">Conexion</td>
      <td width="101" align="center">Tarifa</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Televisión</td>
      <td><label>
        <select name="select" id="select" style="width: 140px;" onchange="pedirDatos2()">
          <option value="0">Seleccione</option>
        <!--Combo de Television --->
       
        <?php while($res=mysql_fetch_array($r,MYSQL_ASSOC))  
       echo 
"<option value='".$res{'id_cable'}."'>".$res{'nombre'}."</option>";?>

       
        </select>
      </label></td>
      <td>&nbsp;</td>
      <td><div id="resultado2" align="center">0.00</div>&nbsp;</td>
    </tr>
    <tr>
      <td>Adisionales</td>
      <td><label>
        <select name="select2" id="select2" style="width: 140px;" onchange="pedirDatos3()">
          <option value="0">Seleccione</option>

           <!--Combo de Canales Adisionales -->
   <?php while($res=mysql_fetch_array($r1,MYSQL_ASSOC))  
           echo 
"<option value='".$res{'id_paquete'}."'>".$res{'nombre'}."</option>";?>

       
        </select>
      </label></td>
      <td>&nbsp;</td>
      <td><div id="resultado3" align="center">0.00</div>&nbsp;</td>
    </tr>
    <tr>
      <td>Internet</td>
      <td><?php
include('lista.php');
?>
</td>
      <td align="left"><label>
        Módem
       
            <select name="select3" id="select3" style="width: 110px;">
              <option value="0">Seleccione</option>
              <!--Combo de Internet -->
              <?php while($res=mysql_fetch_array($r2,MYSQL_ASSOC))  
           echo 
"<option value='".$res{'id_modem'}."'>".$res{'descripcion'}."</option>";?>

            </select>
      </label></td>

<td><div id="resultado" align="center">0.00</div>
  &nbsp;</td>     
       

    </tr>
    <tr>
      <td>Telefonía</td>
      <td><label>
        <select name="select4" id="select4" style="width: 140px;" disabled="disabled" onchange="pedirDatos4()">
          <option value="0">Seleccione</option>
       
        <!--Combo de Telefonia -->
   <?php while($res=mysql_fetch_array($r3,MYSQL_ASSOC))  
           echo 
"<option value='".$res{'id_telefonia'}."'>".$res{'descripcion'}."</option>";?>

           
        </select>
      </label></td>
      <td>&nbsp;</td>
      <td><div id="resultado4" align="center">0.00</div> &nbsp;</td>
    </tr>
    <tr>
      <td>Larga Distancia</td>
      <td><label>
        <select name="select5" id="select5" style="width: 140px;" disabled="disabled" onchange="pedirDatos5()">
          <option value="0">Seleccione</option>
       
            <!--Combo de Larga Distancia -->
   <?php while($res=mysql_fetch_array($r4,MYSQL_ASSOC))  
           echo 
"<option value='".$res{'id_distancia'}."'>".$res{'descripcion'}."</option>";?>

           
        </select>
      </label></td>
      <td>&nbsp;</td>
      <td><div id="resultado5" align="center">0.00</div> &nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><input type="hidden" name="txt_estado" id="txt_estado" value="<?php echo $_POST['pais']; ?>" /></td>
      <td>&nbsp;</td>
      <td align="right">Total a pagar:</td>
      <td><div id="total" align="center">0.00</div></td>
    </tr>
    <tr>
      <td><input type="hidden" name="txt_ciudad" id="txt_ciudad"value="<?php echo $_POST['estado']; ?>" /></td>
      <td>&nbsp;</td>
      <td align="right">&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><input type="hidden" name="txt_poblacion" id="txt_poblacion" value="<?php echo $_POST['ciudad']; ?>"/></td>
      <td>&nbsp;</td>
      <td align="right"><label>
        <input name="button" type="button" class="rowElem" id="button" onclick="validar(this.form)" value="Imprimir Cotización"  />
      </label></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>

</body>
</html>

Castg!

me parece que tu problema es este :
Código (html4strict) [Seleccionar]
onSubmit="enviarDatosEmpleado(); return false"

del form. donde vos pones en el boton de "imprimir" es del tipo boton, que cuando lo apretes valla a la funcion "validar()", al final de esa funcion vos tenes un "form.submit" ahora volvemos al error, cuando "submitees" (malisimo mi spaninglish) te va a a la funcion enviarDatosEmpleado() y un retur false!!! sacale ese return false y avisame como te fue ;)

luison

Le quite el onSubmit al form y en la funcion de validar tiene el return false, la cambie a true, se lo quite y sigue sin funcionar el boton  >:(.

Creo que es un simple detalle del framework, una instruccion que se me esta pasando, pero no se cual  :-\.

Efectivamente en la funcion validar, al final de la verificacion, se hace un submit, por eso el boton es de ningun tipo (submit, reset).

Espero alguien puedan sugerirme alguna otra idea. Gracias castg.

Castg!

pero lo que te digo es que no saques todo el onsubmit, porq no te estaria llendo a la funcion "enviar" que me parece la mas fundamental xD! sacale ese return false que tenes al lado, eso solo, no el de validar.

leoangels

Hola que tal estaba buscando x internet ya que tengo el mismo problema que tu,ya lo resolviste? me podrias ayudar porfavor saludos