How to get user data from HTML form?

Question

How to get user data from HTML form?

1k Views Asked by user545642 At 05 April 2025 at 02:20

I am writing a Rust web app using Rocket and Handlebars.

In my main.rs, I render a Handlebars template. In that template, I have a form. When the user enters in their information and presses "submit", I want to send that user input to another template.

index.hbs, simplified

<!doctype html>
<html>
    <head>
    </head>

    <body>
        <form id = myForm>
            ...
        </form>
    </body>
</html>

main.rs, simplified

fn index() -> Template {
    context = context();
    Template::render("index", &context)
}

fn main() {
    rocket.ignite()
    .mount("/", routes![index, ...])
    .attach(Template::fairing())
    .launch();
}

How can I do this?

Original Q&A

There are 1 best solutions below

**Chandan** · Answer 1

Code Flow:
When the user request for / root route then we render the index template which contains the form, then user fills the form detail and submit the form which raise post request to / root route where we check if user has filled all the information through the form struct that will be initialized by the submitted values, if the values are correct then we render the home template passing the initialized form instance or else we render the index template

main.rs

#[macro_use] extern crate rocket;
use std::collections::HashMap;
use rocket_dyn_templates::Template;
use rocket::form::Form;
use rocket::serde::Serialize;

#[get("/")]
fn index() -> Template {
    let mut context: HashMap<&str, &str> = HashMap::new();
    Template::render("index", &context)
}

#[derive(Debug, FromForm, Serialize)]
struct Task<'r> {
   description: &'r str,
   completed: bool
}

#[post("/", data = "<task>")]
fn new(task: Form<Task<'_>>) -> Template {
    if task.description.is_empty() {
        Template::render("index", &*task)
    } else {
        Template::render("home", &*task)
    }
}

#[get("/home")]
fn home() -> Template {
    let mut context: HashMap<&str, &str> = HashMap::new();
    Template::render("home", &context)
}

#[launch]
fn rocket() -> _ {
    rocket::build()
    .mount("/", routes![index, new, home])
    .attach(Template::fairing())
}

index.html.hbs

<!doctype html>
<html>
    <head>
    </head>

    <body>
        <form id="myForm" method="POST">
            <input name="description" type="text" />
            <input type="submit" value="submit" />
        </form>
    </body>
</html>

home.html.hbs

Task Description: {{ description }}

Cargo.toml

[package]
name = "s71358173"
version = "0.1.0"
edition = "2021"

# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

[dependencies]
rocket = { version = "0.5.0-rc.1", features = ["json"] }
rocket_dyn_templates = { version = "0.1.0-rc.1", features = ["handlebars", "tera"] }
serde = {version = "1.0", features = ["derive"]}
serde_json = {version = "1.0"}

Note: Context value are accessible inside template which we used to print the description.

How to get user data from HTML form?

There are 1 best solutions below

Related Questions in HTML

Related Questions in RUST

Related Questions in HANDLEBARS.JS

Related Questions in ROCKET

Trending Questions

Popular # Hahtags

Popular Questions