To disable the default form submission and redirect functions in Webflow without breaking the code, while still being able to use your own JavaScript function, you can follow these steps:
1. Open your Webflow project and select the form element you want to modify.
2. In the right-hand panel, navigate to the "Form Settings" tab.
3. Under the "Actions" section, you will see the default options for form submission and redirection.
4. Disable the form submission by unchecking the "Enable Form Submission" checkbox. This will prevent the form from being submitted to the Webflow servers.
5. If you have a specific URL that you want to redirect the user to after form submission, uncheck the "Enable Redirect" checkbox.
6. Now, you can add your own JavaScript code to handle the form submission and redirection using an event listener.
Here's an example of how you can achieve this:
```javascript
```
Make sure to replace `"your-form-id"` with the actual ID of your form element, and `"your-redirect-url"` with the desired URL to redirect the user to after form submission.
By following these steps, you can disable the default form submission and redirection in Webflow and implement your own custom logic using JavaScript without breaking the code.