• Home
  • Blog
  • Documentation
  • FAQ
    • Pre-Sales Questions
  • Sign Up
  • Log Out
  • Get Easy Forms
  • Home
  • Blog
  • Documentation
  • FAQ
    • Pre-Sales Questions
  • Sign Up
  • Log Out
  • Get Easy Forms
home/Knowledge Base/Advanced Techniques
Popular Search:Getting Started

Show a Confirmation Message for 5 seconds and Redirect to Another Page

15 views September 30, 2019 admin 0

To show a confirmation message, just go to Form Settings -> Confirmation Settings -> Only Message. Ane enter Your Message.

Now, to redirect the browser to another page after 5 seconds we will need to inject javascript code in your form.

So, upload a new javascript file to your host/server.

static_files/uploads/js/redirect.after.success.submit.js

With the following content:

$( document ).ready(function() {
  formEl.on('success', function(event){
    setTimeout(function () {
      Utils.postMessage({
        url: "https://easyforms.dev"
      });
    }, 5000)
  });
});

Then go to Form Settings -> UI Settings -> Load Javascript File and Enter the absolute url to the uploaded file:

https://www.example.com/static_files/uploads/js/redirect.after.success.submit.js

Note: Don’t forget to use your domain name.

And that’s it! Now You can change the url and number of seconds (in miliseconds).

In this tutorial, we are interacting with the Form Widget (Using events). If you want to know more about this feature, I suggest reading our documentation,

Doc | Interacting with the Form via JavaScript

Was this helpful?

Yes  No
Related Articles
  • Form Endpoints: Make fully customizable forms
  • Auto-Fill a Form Using the Form Widget
  • How to create a Terms and Conditions field
  • How To Validate a USA Phone Number
  • How to Send Email Notifications To Different People Based on a Select List Field
  • Use Hidden Fields for Admin Purposes
Leave A Comment Cancel reply

You must be logged in to post a comment.

Advanced Techniques
  • Show a Confirmation Message for 5 seconds and Redirect to Another Page
  • Form Endpoints: Make fully customizable forms
  • Auto-Fill a Form Using the Form Widget
  • How to create a Terms and Conditions field
  • How To Validate a USA Phone Number
  • How to Send Email Notifications To Different People Based on a Select List Field
View All 8  
Popular Articles
  • How to enable / disable DEBUG mode
  • How to update Form Stats from the command line
  • How to RTL (right-to-left) a Form?
  • How to Remove the Default Choice from a Select List Field
  • How to Insert an Image into a Notification or Confirmation Email
KB Categories
  • Add-Ons
  • Advanced Techniques
  • Common Issues & Troubleshooting
  • Developers "How To's"
  • How To
About Easy Forms

With Easy Forms you can create unlimited web forms and most importantly the complete management of them without paying monthly fees

Resources
  • Knowledge Base
  • Documentation
  • User Manual
  • Blog
Useful Help Links
  • Get Easy Forms
  • License
  • Contact Us
  • Support
Frequent Visit Links
  • Pre-Sales Questions
  • System Requirements
  • Installing Easy Forms
  • Upgrading Easy Forms
  • Privacy Policy
  • © 2019 Baluart.COM. All Rights Reserved.