Necesito enviar este formulario para que funcione. Aquí está mi código, pero no quiere funcionar. La solicitud debe enviarse utilizando este enlace, por ejemplo, https://www.eymedic.form.php . ¿Cómo hago para que funcione bien?
<form method="POST" id="form" action="#" class="form"> <div class="field"> <label for="input-kitId" class="label is-size-7 has-text-weight-light has-text-left">Order ID</label> <div class="field"><div class="control is-expanded"> <input type="number" id="input-kitId" class="home-form__input input is-danger" name="number" value="" placeholder="Order ID"> </div> </div> </div> <div class="field"> <label for="input-firstName" class="label is-size-7 has-text-weight-light has-text-left">Email</label> <div class="field"><div class="control is-expanded"> <input type="email" id="input-firstName" class="home-form__input input" name="email" value="" placeholder="Email"> </div> </div> </div> <button type="submit" class="button is-midnightBlue">Generate Booking Reference</button> </form> </div> </div> <script> $( "submit" ).click(function() { if(form.val()) { var msg = $("#form").serialize(); $.ajax({ type: 'POST', url: 'https://www.harleymedic.co.uk/qrcodes/form.php', data: msg, success: function(data) { console.log(data); if (data.status === 'OK') {window.location.href='second_page.html'} else {alert(data.message)}; } }); }; }); </script>No tiene el elemento de envío , use el elemento de formulario en su lugar y se debe evitar la acción de envío.
$( "form" ).click(function(e) { e.preventDefault() var msg = $("#form").serialize(); $.ajax({ type: 'POST', url: 'https://www.harleymedic.co.uk/qrcodes/form.php', data: msg, success: function(data) { console.log(data); if (data.status === 'OK') {window.location.href='second_page.html'} else {alert(data.message)}; } }); });