jQuery - 在 Preventdefault 后提交表单

Answer 1

<form id="myForm" action="submit_handler.php" method="POST">
        <input type="text" name="username" placeholder="Username" required>
        <input type="password" name="password" placeholder="Password" required>
        <button type="submit">Submit</button>
    </form>

    <script>
        $(document).ready(function() {
            $('#myForm').on('submit', function(event) {
                event.preventDefault(); // Stop the default form submission

                // Perform your custom validation or actions here
                let isValid = true; // Replace with actual validation logic

                if (isValid) {
                    // Manually submit the form if validation passes
                    this.submit();
                } else {
                    // Handle validation failure (e.g., show error messages)
                    alert('Validation failed. Please correct the errors and try again.');
                }
            });
        });
    </script>