Как заполнить текстовое поле другой страницы нажатием кнопки из значения текстового поля на другой странице, используя JQuery? - PullRequest
0 голосов
/ 25 марта 2020

На моей домашней странице есть поле для ввода адреса электронной почты пользователя и кнопка. Как только пользователь вводит электронное письмо и нажимает кнопку, оно должно перенаправить на страницу регистрации и автоматически заполнить поле значения формы электронной почты в форме регистрации этим значением. Я знаю, как это сделать в JQuery, но проблема заключается в отправке значений с одной страницы на другую ...

Домашняя страница:

<input type="email" id="valbox"  class="text-box form-control" style="max-width: 200px;"placeholder="Enter Your Email Id" required>
<button type="submit" id="butval" class="btn btn-default rounded subscribe px-5 ml-4 float-left">SUBMIT</button>

Страница регистрации:

<input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email">

1 Ответ

0 голосов
/ 25 марта 2020

Ваша домашняя страница должна передать значение в session следующим образом:

<html>
     <head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     </head>
     <body>
          <input type="email" id="valbox"  class="text-box form-control" style="max-width: 200px;" placeholder="Enter Your Email Id" required>
          <button type="submit" id="butval" class="btn btn-default rounded subscribe px-5 ml-4 float-left">SUBMIT</button>
     </body>
     <script>
          $(function() {
               $('#butval').on('click', function(){
                    let text = $('#valbox').val();
                    if(!text){
                         alert("Please enter your email")
                    }else{
                         sessionStorage.setItem("email", text);
                         window.location.replace("login.html");
                    }
               })
          });
     </script>
</html>

Затем ваша страница регистрации будет извлекать его и устанавливать в него значение ввода электронной почты:

<html>
     <head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     </head>
     <body>
          <input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email">
     </body>
     <script>
          $(function() {
               $('#email').val(sessionStorage.getItem("email"));
          });
     </script>
</html>
...