[SOLUCIONADO] validacion de campos usando ajax jquery

[Widrogo]

Bueno buenas mi gran duda en este momento estoy usando cakephp framework y la verdad tengo que hacer unas validaciones usando específicamente jquery con ajax o solo jquery el problema es que estoy teniendo muchos errore y problemas al aplicarlo ya que hay errores que no me dejan avanzar.


este es mi view

Código PHP:

  <?php echo $this->Html->script('validation', FALSE); ?> 
 
<div class="actions"> 
<h3>Acciones</h3> 
<ul> 
<li><?php echo $this->Html->link( "Agregar Proveedor",   array('action'=>'proveedor') ); ?></li> 
</ul> 
<ul> 
<li><?php echo $this->Html->link( "Volver Atras",   array('action'=>'index') ); ?></li> 
</ul> 
<ul> 
<li><?php  
if($this->Session->check('Auth.User')){ 
 
echo $this->Html->link( "Cerrar Sesión",   array('action'=>'logout') );  
}else{ 
echo $this->Html->link( "Regresar al login de usuarios",   array('action'=>'login') );  
} 
?></li> 
</ul> 
</div> 
<div  id="success"></div> 
  <div class="form" > 
  <h3>Registro de Compra de Grano </h3> 
  <?php echo $this->Form->create('SoyaProductorCompra');?> 
      <fieldset> 
          <?php  
         // echo $this->Form->input('soya_proveedor_id', array( 'options' => $soyaproveedores,'empty' => '--Porfavor Seleccione Proveedor--','label' => 'Por Favor Seleccione a algun Proveedor de la lista' )); 
          echo $this->Form->input('proveedor_carnet', array('label' => 'Cantidad en tonelada(s) métrica(s) del producto  (TM)', 'id'=>'proveedor_carnet')); 
 
          echo $this->Form->input('producto', array( 
              'options' => array(  
                  'GRANO DE SOYA' => 'Grano de Soya', 
                  'GRANO DE GIRASOL' => 'Grano de Girasol' 
                  ), 'label'=>'Tipo de Grano' 
          )); 
           
          echo $this->Form->input('toneladas', array('label' => 'Cantidad en tonelada(s) métrica(s) del producto  (TM)', 'id'=>'toneladas')); 
          echo $this->Form->input('preciodolar', array( 
              'label' => 'Precio en Dolares Americanos por tonelada métrica (TM / $us)')); 
          echo $this->Form->input('total', array('label' => 'Total en Dolares Americanos ($us)', 'default'=>0)); 
          echo $this->Form->input('nrofactura', array('label' => 'Numero Factura','id'=>'total'));         
      ?> 
 
      <div id="sending" style="display:none;"> 
          <?php echo $this->html->image('ajax-loader.gif', array('alt' => 'Cargando...')); ?> 
      </div> 
 
      <?php 
          echo $this->Js->submit('Agregar Existencia', array( 
            'before'=>$this->Js->get('#sending')->effect('fadeIn'), 
            'success'=>$this->Js->get('#sending')->effect('fadeOut'), 
            'update'=>'#success' 
            ));  
      ?>               
      </fieldset> 
  <?php echo $this->Form->end(); ?> 
  </div>  

Bueno ahora entrando a lo que es el controlador tengo lo siguiente:

Código PHP:

  <?php 
App::import('Vendor', 'excel_reader2');  
    class SoyaproductorcomprasController extends AppController { 
        public $components = array('Session','RequestHandler'); 
        public $helpers = array('Html', 'Form', 'Js'); 
        public function add() 
        { 
            $this->loadModel('SoyaProductorCompra'); 
            $this->loadModel('SoyaProveedor'); 
            $this->loadModel('Productora'); 
            $this->set('productores', $this->Productora->find('first', array('conditions' => array('user_id' =>  $this->Auth->user('id'))))); 
            $this->set('soyaproveedores', $this->SoyaProveedor->find('list', array( 
                'fields' => array('id', 'nombre') 
            ))); 
            if ($this->request->is('post')) { 
            $this->request->data['SoyaProductorCompra']['user_id'] = $this->Auth->user('id'); 
            $this->request->data['SoyaProductorCompra']['soya_proveedor_id'] = $this->request->data['SoyaProductorCompra']['proveedor_carnet']; 
                    if ($this->SoyaProductorCompra->save($this->data)) { 
                        if($this->RequestHandler->isAjax()) { 
                            $this->render('success', 'ajax'); 
                        }else{ 
                            $this->Session->setFlash(__('La Información no fue Guardada.'));   
                            return $this->redirect(array('action' => 'index')); 
                        } 
                    } 
                } 
        } 
        public function validate_form(){ 
            $this->loadModel('SoyaProductorCompra'); 
            $this->log("validacion que paso?"); 
            if ($this->RequestHandler->isAjax()) { 
                debug($this->params['form']['field']); 
                $this->data['SoyaProductorCompra'][$this->params['form']['field']]=$this->params['form']['value']; 
                $this->SoyaProductorCompra->set($this->data); 
                if($this->SoyaProductorCompra->validate()){ 
                    $this->autoRender = FALSE; 
                }else{ 
                    $error=$this->validateErrors($this->SoyaProductorCompra); 
                    $this->set('error', $error[$this->params['form']['field']]); 
                } 
            } 
        } 
}   

seguidamente el jquery

Código Javascript:

$(document).ready(function(){
    $('#proveedor_carnet').blur(function(){
        $.post('http://localhost:8080/cake/soyaproductorcompras/validate_form/',
            { field: $('#proveedor_carnet').attr('id'), value: $('#proveedor_carnet').val() },
            handleNmeValidation
            );
    });
    function handleNmeValidation(error){
        if(error.length > 0){
            if($('#proveedor_carnet-notempty').length === 0){
                $('#proveedor_carnet').after('<div id="proveedor_carnet-notEmpty" class="error-message">' + error + '</div>');
            }
        }else{
            $('#proveedor_carnet-notEmpty').remove();
        }
    }
});
 

los mensajes de error y success.

validate form

Código PHP:

  <?php  
echo $error;   

success.ctp

Código PHP:

  <p style="background-color: lightgreen"> Guardado con Exito</p>  
   

el error

Código:

POST http://localhost:8080/cake/soyaproductorcompras/validate_form/ 403 (Forbidden) jquery.js:9666
jQuery.ajaxTransport.send jquery.js:9666
jQuery.extend.ajax jquery.js:9211
jQuery.each.jQuery.(anonymous function) jquery.js:9357
(anonymous function) validation.js:3
jQuery.event.dispatch jquery.js:4624
jQuery.event.add.elemData.handle

[hhs]

Si te marca ese error es por que no encuentra la ruta. Lo que puedes intentar es proporcionarla como debe de ser:

Código Javascript:

$(document).ready(function(){
    var route = '<?php echo Router::Url(array('controller' => 'soyaproductorcompras','action' => 'validate_form'));?>'
    $('#proveedor_carnet').blur(function(){
        $.post(route,{ field: $('#proveedor_carnet').attr('id'), value: $('#proveedor_carnet').val() },
        handleNmeValidation
    );
});
 
function handleNmeValidation(error){
    if(error.length > 0){
        if($('#proveedor_carnet-notempty').length === 0){
            $('#proveedor_carnet').after('<div id="proveedor_carnet-notEmpty" class="error-message">' + error + '</div>');
        }
    }else{
            $('#proveedor_carnet-notEmpty').remove();
        }
    }
});
 

Tambien recuerda registrar la ruta en app/Config/routes.php, mas detalles en: http://book.cakephp.org/2.0/en/devel...-configuration

[Widrogo]

si intente lo que me dijiste y me sigue dando el mismo error pero no se si esta es la forma correcta de registrar la ruta:

Código PHP:

  Router::connect('/', array('controller' => 'soyaproductorcompras','action' => 'validate_form'));  
   

[hhs]

Si, se supone que es la forma correcta. Igual puede ser la convencion en los nombres. Echale un vistazo a : http://book.cakephp.org/2.0/en/getti...nventions.html

[Widrogo]

gracias ya lo solucione ahora tengo que lidiar con otro problema pero me ayudo lo que me dijiste.