Streaming live at 10am (PST)

How to disable webflow form submit state success and failure

Hi,

The use case is I use webflow build landing page to collect email, After people sign up, It will redirect to thank you page in new tab, So there is no need using webflow form submit state.

By default, success state is “Thank you! Your submission has been received!”. I don’t need that. I want it just the sign up form, don’t have the success or failure state. Because I have a thankyou page in new tab.

I use jQuery submit() function to redirect in new tab, But I don’t know how to disable webflow built-in form submit state.

<script>
$(document).ready(function(){
    $("#wf-form-Email-Form-4").submit(function(){
        window.open('http://www.aprilxcl.com', '_blank');
        $('.w-form-done').css('display: none !important;');
    });
    
    
    
});
</script>

The .w-form-done display none don’t work.

Is there a way to display webflow form submit state.
This is a test demo
vvideo.webflow.io

This is sharable link
https://preview.webflow.com/preview/vvideo?preview=efe8bfc696ef16c728379465aa22b616

Thanks in advance

Hi there @Anderson_Min, you can put the url to the page to redirect to in the Redirect field in Form settings, but other than that there is no native way to suppress the success and failure state messages.

I hope this helps,
Dave

Hi Cyberdave,

Many thanks~
I know If I put URL in the Redirect field, It will not open in a new tab. I learn that webflow use ajax to submit. So I add custom code to submit in a new tab.

Is there any way walkaround to disable webflow success/failure state, don’t judge and respond relative information as form submit.

Hi @Anderson_Min, thanks for your reply. I am checking further with the team to see if there is a custom code workaround.

This is also a good idea for our Wishlist.

When I have some feedback, I will give an update.

Hi @cyberdave,

Added in the wishlist.
https://wishlist.webflow.com/ideas/WEBFLOW-I-1349

Thanks

The button that comes with the form is of type “submit”. You can remove the sumit button and add a regular button with the ID you use in your JS code. This way, you will benefit from the input fields, add your own functionlity without triggering the form submittsion.