Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad

Estoy creando una tienda online como proyecto escolar en LaravelLaravel. Todo va bien hasta que quiero evitar que un botón ejecute su acción "submit"submit.

Ese es el código del formulario al que quiero condicionar con AJAX:

{!! Form::open(['url' => '/in_cursos_carts', 'method' => 'POST', 'class' => "addtocart inline-block" ]) !!}
<input type="hidden" name="curso_id" value="{{$curso->id}}">
<input type="submit" value="Agregar al carrito" class="btn btn-info">
{!! Form::close() !!}

Ese es el código del Form al que quiero "condicionar con AJAX. YY este es el código AJAXAJAX que quiero ejecutar para que lo se ejecuteen el submit.submit del formulario:

$('.addtocart').on("submit", function(ev)
  {  
  
   ev.preventDefault();

    var $form = $(this);
    var $button = $form.find("[type='submit']");
 

    $.ajax(
 {
        url: $form.attr("action"),
        method: $form.attr("method"),
        data: $form.serialize(),
    

     beforeSend: function() {
    {
        $button.val("Cargando...");
        },
 
        success: function() {
    {
        $button.css("background-color", "#00c853").val("Agregado"); 
        },
 
        error: function() {
    {
        console.log(err);
            $button.css("background-color", "d50000").val("Hubo un error.");
 
            setTimeout(function() {
                restartButton($button);
            }, 5000);
        },
    });

    return false; 

});


function restartButton($button)
  {
    $button.val("Agregar al Carrito").attr("style", "");
};

La idea es que desde la vista donde aparecen los productos el usuario pueda agregar el producto al carrito de compras sin tener que ir a la pantalla donde el usuario va a pagar pero al parecer el ev.preventDefault();ev.preventDefault(); no está ejecutandoseejecutándose.

Estoy creando una tienda online como proyecto escolar en Laravel. Todo va bien hasta que quiero evitar que un botón ejecute su acción "submit".

{!! Form::open(['url' => '/in_cursos_carts', 'method' => 'POST', 'class' => "addtocart inline-block" ]) !!}
<input type="hidden" name="curso_id" value="{{$curso->id}}">
<input type="submit" value="Agregar al carrito" class="btn btn-info">
{!! Form::close() !!}

Ese es el código del Form al que quiero "condicionar con AJAX. Y este es el código AJAX que quiero ejecutar para que lo se ejecute el submit.

$('.addtocart').on("submit", function(ev)
 {   
 ev.preventDefault();

var $form = $(this);
var $button = $form.find("[type='submit']");
 

$.ajax(
 {
    url: $form.attr("action"),
    method: $form.attr("method"),
    data: $form.serialize(),
    

     beforeSend: function()
    {
        $button.val("Cargando...");
    },
 
    success: function()
    {
        $button.css("background-color", "#00c853").val("Agregado"); 
    },
 
    error: function()
    {
        console.log(err);
        $button.css("background-color", "d50000").val("Hubo un error.");
 
        setTimeout(function(){
            restartButton($button);
        }, 5000);
    },
    });

return false;
});


function restartButton($button)
 {
    $button.val("Agregar al Carrito").attr("style", "");
};

La idea es que desde la vista donde aparecen los productos el usuario pueda agregar el producto al carrito de compras sin tener que ir a la pantalla donde el usuario va a pagar pero al parecer el ev.preventDefault(); no está ejecutandose.

Estoy creando una tienda online como proyecto escolar en Laravel. Todo va bien hasta que quiero evitar que un botón ejecute su acción submit.

Ese es el código del formulario al que quiero condicionar con AJAX:

{!! Form::open(['url' => '/in_cursos_carts', 'method' => 'POST', 'class' => "addtocart inline-block" ]) !!}
<input type="hidden" name="curso_id" value="{{$curso->id}}">
<input type="submit" value="Agregar al carrito" class="btn btn-info">
{!! Form::close() !!}

Y este es el código AJAX que quiero ejecutar en el submit del formulario:

$('.addtocart').on("submit", function(ev) {  
    ev.preventDefault();

    var $form = $(this);
    var $button = $form.find("[type='submit']");

    $.ajax({
        url: $form.attr("action"),
        method: $form.attr("method"),
        data: $form.serialize(),
        beforeSend: function() {
            $button.val("Cargando...");
        },
        success: function() {
            $button.css("background-color", "#00c853").val("Agregado"); 
        },
        error: function() {
            console.log(err);
            $button.css("background-color", "d50000").val("Hubo un error.");
            setTimeout(function() {
                restartButton($button);
            }, 5000);
        },
    });

    return false; 

});


function restartButton($button) {
    $button.val("Agregar al Carrito").attr("style", "");
};

La idea es que desde la vista donde aparecen los productos el usuario pueda agregar el producto al carrito de compras sin tener que ir a la pantalla donde va a pagar pero al parecer el ev.preventDefault(); no está ejecutándose.

Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
etiquetas editadas
Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

ev.preventDefault(); no compilafunciona

se eliminaron 150 caracteres en el cuerpo
Origen Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

Estoy creando una tienda online como proyecto escolar en Laravel. Todo va bien hasta que quiero evitar que un botón ejecute su acción "submit".

{!! Form::open(['url' => '/in_cursos_carts', 'method' => 'POST', 'class' => "addtocart inline-block" ]) !!}
<input type="hidden" name="curso_id" value="{{$curso->id}}">
<input type="submit" value="Agregar al carrito" class="btn btn-info">
{!! Form::close() !!}

Ese es el código del Form al que quiero "condicionar con AJAX. Y este es el código AJAX que quiero ejecutar para que lo se ejecute el submit.

$('.addtocart').on("submit", function(ev)
{   
ev.preventDefault();

var $form = $(this);
var $button = $form.find("[type='submit']");


$.ajax(
{
    url: $form.attr("action"),
    method: $form.attr("method"),
    data: $form.serialize(),
    

    beforeSend: function()
    {
        $button.val("Cargando...");
    },

    success: function()
    {
        $button.css("background-color", "#00c853").val("Agregado"); 
    },

    error: function()
    {
        console.log(err);
        $button.css("background-color", "d50000").val("Hubo un error.");

        setTimeout(function(){
            restartButton($button);
        }, 5000);
    },
    });

return false;
});


function restartButton($button)
{
    $button.val("Agregar al Carrito").attr("style", "");
};

La idea es que desde la vista donde aparecen los productos el usuario pueda agregar el producto al carrito de compras sin tener que ir a la pantalla donde el usuario va a pagar pero al parecer el ev.preventDefault(); no está ejecutandose.

¿Alguna idea de qué puedo hacer? Sigo investigando el google pero simplemente no doy con el error y el Run Watch de Laravel no me compila errores.

Estoy creando una tienda online como proyecto escolar en Laravel. Todo va bien hasta que quiero evitar que un botón ejecute su acción "submit".

{!! Form::open(['url' => '/in_cursos_carts', 'method' => 'POST', 'class' => "addtocart inline-block" ]) !!}
<input type="hidden" name="curso_id" value="{{$curso->id}}">
<input type="submit" value="Agregar al carrito" class="btn btn-info">
{!! Form::close() !!}

Ese es el código del Form al que quiero "condicionar con AJAX. Y este es el código AJAX que quiero ejecutar para que lo se ejecute el submit.

$('.addtocart').on("submit", function(ev)
{   
ev.preventDefault();

var $form = $(this);
var $button = $form.find("[type='submit']");


$.ajax(
{
    url: $form.attr("action"),
    method: $form.attr("method"),
    data: $form.serialize(),
    

    beforeSend: function()
    {
        $button.val("Cargando...");
    },

    success: function()
    {
        $button.css("background-color", "#00c853").val("Agregado"); 
    },

    error: function()
    {
        console.log(err);
        $button.css("background-color", "d50000").val("Hubo un error.");

        setTimeout(function(){
            restartButton($button);
        }, 5000);
    },
    });

return false;
});


function restartButton($button)
{
    $button.val("Agregar al Carrito").attr("style", "");
};

La idea es que desde la vista donde aparecen los productos el usuario pueda agregar el producto al carrito de compras sin tener que ir a la pantalla donde el usuario va a pagar pero al parecer el ev.preventDefault(); no está ejecutandose.

¿Alguna idea de qué puedo hacer? Sigo investigando el google pero simplemente no doy con el error y el Run Watch de Laravel no me compila errores.

Estoy creando una tienda online como proyecto escolar en Laravel. Todo va bien hasta que quiero evitar que un botón ejecute su acción "submit".

{!! Form::open(['url' => '/in_cursos_carts', 'method' => 'POST', 'class' => "addtocart inline-block" ]) !!}
<input type="hidden" name="curso_id" value="{{$curso->id}}">
<input type="submit" value="Agregar al carrito" class="btn btn-info">
{!! Form::close() !!}

Ese es el código del Form al que quiero "condicionar con AJAX. Y este es el código AJAX que quiero ejecutar para que lo se ejecute el submit.

$('.addtocart').on("submit", function(ev)
{   
ev.preventDefault();

var $form = $(this);
var $button = $form.find("[type='submit']");


$.ajax(
{
    url: $form.attr("action"),
    method: $form.attr("method"),
    data: $form.serialize(),
    

    beforeSend: function()
    {
        $button.val("Cargando...");
    },

    success: function()
    {
        $button.css("background-color", "#00c853").val("Agregado"); 
    },

    error: function()
    {
        console.log(err);
        $button.css("background-color", "d50000").val("Hubo un error.");

        setTimeout(function(){
            restartButton($button);
        }, 5000);
    },
    });

return false;
});


function restartButton($button)
{
    $button.val("Agregar al Carrito").attr("style", "");
};

La idea es que desde la vista donde aparecen los productos el usuario pueda agregar el producto al carrito de compras sin tener que ir a la pantalla donde el usuario va a pagar pero al parecer el ev.preventDefault(); no está ejecutandose.

Origen Enlace
RalphVB
  • 31
  • 1
  • 5
Loading