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

Question

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

I read more 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 ?

Answer 1

Hi @Ahmed Abd El Aziz,

Do you want to redirect to another page with parameters? Like this:

Index.cshtml.cs:

public class IndexModel : PageModel
{
    [BindProperty]
    public string username { get; set; }
    [BindProperty]
    public string email { get; set; }
    public IActionResult OnGet()
    {
        username = "Tom";
        email = "Tom@email.com";
        return Page();
    }

    public IActionResult OnPost()
    {
        return RedirectToPage("/Privacy", new {username = username, email = email });
    }
}

Index.cshtml:

@page
@model IndexModel
<div>
    <form method="post">
        <div>
            <input type="hidden" asp-for="username" />
            <input type="hidden" asp-for="email"/>
        </div>
        <div>
            <input type="submit" value="Submit" />
        </div>
    </form>
</div>

Privacy.cshtml.cs:

public class PrivacyModel : PageModel
{
    public void OnGet(string username, string email)
    {
    }
}

TestResult:

---

If the answer is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards,

Chen Li