llamar a action desde javascript en la vista

mandygr87 · #1 (**permalink**) 24/07/2013, 05:28

Hola estoy intentado realizar una comprobación en un formulario antes de enviarlo, para ello tengo en mi formulario en la vista:

Código HTML:

Ver original<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" onsubmit="return validateForm();" method="post"  >

En la misma vista tengo:

Código HTML:

Ver original<head>
    <script language="Javascript">
 
  function validateForm()
  {
    document.myform.action="<?php echo $this->url(array('controller' => 'cliente','action' => 'bdusuarios'));?>"
  }
 
</script>
</head>

Y en mi action tengo:

Código PHP:

  public function bdusuariosAction() 
    { 
                echo  "<script> 
                     alert('He entrado en el action'); 
                    </script>"; 
    }

El problema es que al presionar el boton no me aparece el mensaje de alerta, ¿qué estoy haciendo mal?
Gracias

masterpuppet · #2 (**permalink**) 24/07/2013, 06:56

Que quieres hacer exactamente ?, lo que muestras para mi no tiene mucho sentido, quieres modificar el action del form , enviar un post a bdusuariosAction y luego ver el alert ?

mandygr87 · #3 (**permalink**) 24/07/2013, 07:19

Lo que quiero es que cuando se pulse el botón submit del formulario se haga una comprobación antes de que se produzca el actión del form.

La comprobación (que es una consulta a la base de datos) la realizo desde el action bdusuarios. He puesto que aparezca un mensaje de alert para comprobar que funciona, pero después voy a modificar el código del action.

Si en function validateForm() en la vista muestro el mensaje de alert me aparece perfectamente antes de que se produzca el action del formulario

GatorV · #4 (**permalink**) 24/07/2013, 08:38

Para eso necesitas usar AJAX, lo que estas haciendo nunca te va a funcionar, lo que necesitas es hacer un request en segundo plano (usando AJAX) y en el response verificar tus resultados y proceder a enviar el form...

mandygr87 · #5 (**permalink**) 25/07/2013, 11:18

¿¿Quedaría algo así?? No tengo apenas idea de javascript ni de ajax...

En mi vista:

Código Javascript:

Ver original<head>
    <script language="Javascript">
 
    function validateForm()
  {
          var ajax = $.ajax({
             type: "GET",
             url: "/asociacion/public/cliente/bdusuarios/fechaentrada/" + <?php echo $this->fechaentrada?>+"/fechasalida/"+<?php echo $this->fechasalida?>+"/idbungalow/"+ <?php echo $this->idbungalow?>+"/idcamping/"+ <?php echo $this->idcamping?>+"/fechahoy/"+ <?php echo $this->fechahoy?>,
             async: true,
             dataType: "json",
             beforeSend: function(x) {
                if(x && x.overrideMimeType) {
                   x.overrideMimeType("application/j-son;charset=UTF-8");
                }
             },
             success: function(data){
                if(data=="true"){
                    alert('Lo sentimos ya han realizado la reserva con los criterios seleccionados');
                         event.preventDefault();
                         return false;
                }     
             }
        });
  }
 
</script>
</head>
 
<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" onsubmit="return validateForm();" method="post"  >

En mi controlador:

Código PHP:

  public function bdusuariosAction()
    {
        $reserva = new Application_Model_DbTable_Reserva();
        $fechaentrada= $this->_getParam('fechaentrada');
        $fechasalida= $this->_getParam('fechasalida');
        $idbungalow= $this->_getParam('idbungalow');
        $idcamping= $this->_getParam('idcamping');
        $fechahoy= $this->_getParam('fechahoy');

        $yahayreserva = $reserva->comprobarreservabungalow($fechaentrada, $fechasalida, $idbungalow, $idcamping, $fechahoy);
        $result = false;
        if(count($yahayreserva)>0){
            $result = true;
        }
        $this->_helper->json($result);
    }

Lo que quiero es pasar una variable booleana y que javascript la compruebe.
si es true no quiero que se realize el action del form, y si es false sí que quiero que se realice el action.

Gracias por la ayuda.

GatorV · #6 (**permalink**) 25/07/2013, 13:47

No lo puedes poner en el onsubmit, porque AJAX por defecto se ejecuta en segundo plano, lo que deberías de hacer es que al presionar el botón, lance el request, y en el response, es donde haces el submit del formulario (en caso de que aplique).

Esto es algo independiente de Zend, te recomiendo te des una vuelta por el foro de Javascript para aprender un poco como hacerlo.

Saludos.