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.
form
de los siguientes eventos: preventDefault(), stopPropagation(), y stopImmediatePropagation() – Jorius el 7 jun. 17 a las 21:56preventDefault()
? ¿Se manda el formulario? ¿Se llega a ejecutar la función del evento? ¿Dónde pones ese código javascript? ¿Te sale algún mensaje de error en la consola de depuración de JavaScript? ¿Estás usando algún JavaScript para validar el formulario? – OscarGarcia el 19 ene. 19 a las 16:15