Tengo dos botones dentro del formulario,uno llama a una función javascript para realizar una operaciones, y funciona perfectamente, pero al añadir el form action con su correspondiente botón para realizar el submit, javascript ya no funciona.
El formulario se envía correctamente. Si quito el form action, se ejecuta correctamente javascript.
¿Alguien podría decirme cual es el problema? Gracias
<script src="js/jquery-3.2.1.min.js"></script>
<script>
function pedido() {
.........................
}
</script>
<div class="container">
<form action="añadir pedido.php" method="POST">
<button type="button" class="btn btn-primary p-3 px-xl-4 py-xl-3 " onclick="pedido();"><span></span>Confirmar Producto</button>
<h3 class="mb-4 billing-heading">Detalles del Envío</h3>
<div class="row align-items-end">
<div class="col-md-6">
<div class="form-group">
<label for="firstname">Nombre</label>
<input type="text" class="form-control" placeholder="" name="nombre">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="lastname">Apellidos</label>
<input type="text" class="form-control" placeholder="" name="apellidos">
</div>
</div>
<button name="confirmar" type="submit" class="btn btn-primary p-3 px-xl-4 py-xl-3"><span></span>Confirmar Pedido</button>
</form>
</div>
<button type="submit">
para confirmar el pedido haces algun insert en la BD? , porque lo que hace es refrescar la página y re-direccionar a la página dónde le indiques elaction
por eso pasa por alto el JS, si requieres insertar pero que no refresque la página puedes hacerlo por AJAX y agregar unevent.preventDefault();
para que no haga el submit.