Tengo un formulario POST simple del número de teléfono, quiero mostrar un código HTML antes de enviar el formulario. Aquí está mi código HTML
<form method="post" action="verificacion/index.php" id='panel-form-post'> <input type="tel" id="phonenumber" name="phonenumber" autocomplete="off" onkeypress="return isNumberKey(event)" required> <span id="error_message" class="hide"></span> <button type="submit" name="panel-btn" id="panel-btn">SUBMIT</button> </form>Quiero ejecutar una función jQuery antes de redirigir a la página de 'verificación'. Gracias por adelantado.
Como se describe en su comentario, probablemente desee controlar su código y decidir cuándo debe enviarse la publicación. Si es así, podrías trabajar con promesas.
document.getElementById('panel-form-post').addEventListener('submit', (e) => { // Event listener for submit e.preventDefault(); // Do not sent a response const promise = new Promise((resolve, reject) => { // Create a promise // You code console.info('Wait...') setTimeout(() => { resolve('OK'); }, 3000); }); promise.then((resolve) => { // Wait for promise console.log(resolve); // Output: "OK" e.target.submit(); // Resubmit the form }) }); <form method="post" action="" id='panel-form-post'> <input type="tel" required> <button type="submit">SUBMIT</button> </form>Seguramente puede encontrar la solución a esto con una búsqueda simple, pero de todos modos ... Puede usar javascript, usando el evento "onclick" en su botón de envío, de esta manera, cuando haga clic en el botón, se activará la función dentro del "onclick". " evento. Ejemplo:
<button type="submit" name="panel-btn" onclick="testFunction()" id="panel-btn">SUBMIT</button> <script> testFunction(){ alert("You've submited the form"); } </script>