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.