How do you prevent a form from resubmitting when the page is refreshed?

Use Javascript

This method is quite easy and blocks the pop up asking for form resubmission on refresh once the form is submitted. Just place this line of javascript code at the footer of your file and see the magic.

Code:  
    <script>  

        if ( window.history.replaceState ) {

          window.history.replaceState( null, null, window.location.href );

        }

    </script>



Comments

Post a Comment

Popular posts from this blog

on_sent_ok not working in Contact Form 7 version 5.0.2

Image
In Contact Form 7, there are several Additional Settings available to add extra functionality to your forms. One of these additional settings was on_sent_ok. But it is not work on version 5.0.2 Instead of this, Using Contact Form 7 Controls  plugin the task becomes fairly simple. Once you install and activate the plugin, a Customize tab will appear in each one of your Contact Form 7 forms. Then all you have to do is simply check the option for Google Analytics at the very bottom. Alternative way to use Global redirect via WordPress functions: This option will utilize a WordPress function which automatically adds the JavaScript into your WordPress footer. Simply open your function.php file then copy and paste the code below.       add_action( 'wp_footer', 'redirect_cf7' );       function redirect_cf7() { ?>       < script type = "text/javascript" >   ...
Read more

Sql useful quiries

Image
      Today's enquiry SELECT * FROM `enquiry` WHERE `en_date` >= date('Y-m-d'). ' 00:00:00';          Tomorrow's enquiry SELECT * FROM `enquiry` WHERE `en_servicedate` = date('Y-m-d', strtotime(date("Y-m-d") . " +1 day")). ' 00:00:00';       Yesterday's enquiry SELECT * FROM `enquiry` WHERE `en_date` >= date('Y-m-d', mktime(0, 0, 0, date('m'), date('d') - 1, date('Y'))). ' 00:00:00' AND `en_date` <= date('Y-m-d', mktime(0, 0, 0, date('m'), date('d') - 1, date('Y'))). ' 23:59:59';       This Month's booking SELECT * FROM `enquiry` WHERE `qualified_date` >= date('Y-m-01') . ' 00:00:00' AND `qualified_date` <= date('Y-m-d') . ' 23:59:59';       Current date to previous year month (ex- 21-4-2018 to 1-8-2017) SELECT * from enquiry where en_date >= date_add(date_ad...
Read more

Make carousel slider in shopify

1)  In index.liquid file include following code: add css and js files {{ 'slick.css' | asset_url | stylesheet_tag }} {{ 'slick-theme.css' | asset_url | stylesheet_tag }} {{ 'slick.js' | asset_url | script_tag }} add html part of slider <!--slider start--> <div id="slider">  <!-- Wrapper for carousel items --> <div class="home_slider"> <div>           <a href="{{ settings.slide1_url }}" title="{{ settings[alt] | escape }}"> <img src="{{ 'slide1.jpg' | asset_url }}" class="img-responsive" alt="{{shop.name}}" /></a>               </div>             {% for i in (2..10) %}               {% capture show_slide %}slide-{{ i }}-check{% endcapture %}           ...
Read more