How to store data on asp.net razor page using hidden field?

ahmed salah

I work on asp.net razor page .i face issue my issue is when navigate to page after make submit it will reset all values on page

I read more articles related to the issue will solved by using hidden fields

so suppose I have asp.net razor page have username and email

and i need store fields of username and email on hidden fields to be available after submit post

so can you provide to me sample to store username and email on hidden fields so prevent value from reset after submit and can navigate to other pages

so Can you please provide to me sample please to hidden fields store username and email?

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Mohanty3y ago

Check this

@page
@model DMS.Website.Pages.Home.TestFormModel
@{
}

    Username:
    

    Email:

public class TestFormModel : PageModel
{
    [BindProperty]
    public string Username { get; set; }

    [BindProperty]
    public string Email { get; set; }

    public void OnGet()
    {
        // Your code to populate the model properties on page load
    }

    public IActionResult OnPost()
    {
        // Access the values from the hidden fields
        string hiddenUsername = Request.Form["hiddenUsername"];
        string hiddenEmail = Request.Form["hiddenEmail"];

        // Perform any necessary processing with the values

        // Redirect to another page
        return Page();
    }
}

ahmed salah3y ago
my input type is text so how to save it ohidden fields please

these two fields user name and email on my form is ready for user to input data

so How to save data of input user text on hidden field please
fff
Lokesh Varman3y ago
First, you'll need to add the hidden fields within the
tags of your Razor page. These hidden fields should have unique IDs and names, which will be used to identify them. Here's an example of how you can include the hidden fields in your form:
In the above code, the usernameHidden and emailHidden fields are hidden inputs that store the values of @Model.Username and @Model.Email, respectively.

Next, you'll need to handle the form submission in the associated .cshtml.cs file. In the OnPost method, you can retrieve the values from the hidden fields and update the model properties accordingly. Here's an example:
```
public class MyPageModel : PageModel
{
    // Existing model properties
    public string Username { get; set; }
    public string Email { get; set; }

    public IActionResult OnPost()
    {
        // Retrieve the values from the hidden fields
        string username = Request.Form["usernameHidden"];
        string email = Request.Form["emailHidden"];

        // Update the model properties
        Username = username;
        Email = email;


        return RedirectToPage("OtherPage");
    }
}
```
In the OnPost method, you access the values of the hidden fields using Request.Form["fieldName"]. Then, you assign those values to the corresponding model properties (Username and Email in this case). After that, you can redirect to another page using RedirectToPage("OtherPage") or perform any other necessary processing.

By following these steps, the values of the username and email fields will be stored in the hidden fields, ensuring they are preserved even after the form submission and navigation to other pages.