Redirect Form on Submit and Pass Input Value to URL [Snippet] <> No-Code Supply Co.
Code
Snippet
/ 

Redirect Form on Submit and Pass Input Value to URL

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Redirect Form on Submit and Pass Input Value to URL
$(function() {
//run when form submits - ID must be on the <form> element!
$("#your-form").submit(function(event) {
//store email input value
var emailValue = $("#email").val();
//redirect to sign up
window.location.replace("example.com/signup?email=" + emailValue);
});
});
view raw input-value-to-url.js hosted with ❤ by GitHub

When a form submits, you want to redirect the user to a new page (i.e. sign up), plus pass through the value of an input to the URL so it pre-populates that same input on the redirected page.

Tags

Jquery
Get
URL
Forms

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
10.23.22

Similar items

Items
53
Layout
Grid View
Row View
Niklas Bubori
Inspo
Website
/ 

Niklas Bubori

4.28.25
Creative, No-code, Personal, Portfolio, Webflow
Athleats
Inspo
Website
/ 

Athleats

4.28.25
Health & Wellness, Food & Beverage, SAAS, Marketing, Webflow, GSAP
Mocha
Tools
App
/ 

Mocha

4.28.25
AI, Website Builder, Web Apps
Hana
Learn
Article
/ 

Hana

4.24.25
Creative, Motion Design, Interactions, SVG, Animation, Workflow, Spline
Warp
Tools
App
/ 

Warp

4.24.25
AI, Dev Tools, Web Apps
Featured
Preview
↗

Osmo

Start building websites people remember.
View item
Zig Zag Creative
Inspo
Website
/ 

Zig Zag Creative

4.23.25
Creative, No-code, Personal, Portfolio, Webflow, GSAP
Keith Chan
Inspo
Website
/ 

Keith Chan

4.23.25
Creative, Personal, Portfolio, Webflow
Office of Rob Junge
Inspo
Website
/ 

Office of Rob Junge

4.23.25
Creative, Personal, Portfolio, Framer
Two Wolves
Inspo
Website
/ 

Two Wolves

4.23.25
Creative, Personal, Portfolio, Webflow, GSAP
TwelveLabs
Inspo
Website
/ 
App

TwelveLabs

4.22.25
AI, Film, Motion Design, Automation, Workflow, Framer
Nite Riot
Inspo
Website
/ 

Nite Riot

4.22.25
Creative, Agency, Portfolio, Webflow, GSAP
Utile
Inspo
Website
/ 

Utile

4.22.25
Creative, Agency, Portfolio, Webflow
Unrivaled Collectibles
Inspo
Website
/ 

Unrivaled Collectibles

4.22.25
Sports, Landing, Gallery, Webflow
Human Voice Over
Inspo
Website
/ 

Human Voice Over

4.22.25
Social Media, Creative, Landing, Webflow, GSAP
Webless
Tools
App
/ 
Website

Webless

4.22.25
AI, Dev Tools, Search, SEO, Extending, Analytics, Webflow
Nordcraft
Tools
App
/ 

Nordcraft

4.22.25
Dev Tools, Web Apps, API, Javascript
Gamma
Tools
App
/ 

Gamma

4.22.25
Creative, AI, Website Builder, Docs
Aida Oliva Studio
Inspo
Website
/ 

Aida Oliva Studio

4.21.25
Creative, Personal, Portfolio, Webflow, Aida Olivia
Accessible Accordion for Webflow
Tools
Component
/ 

Accessible Accordion for Webflow

4.19.25
No-code, Dev Tools, Accessibility, Components, Interactions, HTML, CSS, Webflow
Zite
Tools
App
/ 

Zite

4.19.25
AI, Dev Tools, SAAS, Automation
shopdev
Tools
App
/ 

shopdev

4.19.25
AI, Dev Tools, Creative, Ecommerce, Automation, Workflow, Shopify
Magic Animator
Tools
App
/ 
Website

Magic Animator

4.19.25
AI, Motion Design, Creative, Landing, Automation, Framer
GRAPHICHUNTERS®
Inspo
Website
/ 

GRAPHICHUNTERS®

4.19.25
Creative, Agency, Portfolio, Webflow, GSAP
Distributional
Inspo
Website
/ 

Distributional

4.17.25
AI, Dev Tools, Marketing, Webflow, GSAP, Mast
Golden Canon Grid Course for Web Designers — BONT®
Learn
Course
/ 
Website

Golden Canon Grid Course for Web Designers — BONT®

Free
4.16.25
Creative, Education, Design System, Workflow, Figma, Readymag
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.