Pass value from one page to another’s input

Question

i have an html page where the user type in the email and I perform the check. If that email is not in the database, it is a new user and therefore redirect to the registration page.

On the registration page I want the email field to come already with the email typed on the previous page. How do I?

page 1

 <label id=id_email name="email"> </label>

page 2

   <label id=id_email name="email"> </label>

    $( document ).ready(function() {
           $("#id_email").val("[email protected]");
 });

Answer 1

You could try it this way.

<input type="hidden" name="volposition" value="{{ request.REQUEST.email }}">

Taking into account that you do in the action the post to send the other page.

Answer 2

You can use sessionStorage, this way the browser will save a sessão with your data and you can recover on any page.

Page 1

<input type="text" id="email">
<script>
    let valor = document.getElementById('email').value
    sessionStorage.setItem('email', valor)
</script>

Page 2

<input type="text" id="RecuperaEmail">

<script>
    document.getElementById('RecuperaEmail').value = sessionStorage.email
</script>

Or you can do it with jQuery

Page 1

<input type="text" id="email">
<script>
    var valor = $('#email').val()
    sessionStorage.setItem('email', valor)
</script>

Page 2

<input type="text" id="RecuperaEmail">

<script>
    $('#RecuperaEmail').val(sessionStorage.email)
</script>