Скрыть кнопку и отобразить перенаправленный текст - PullRequest
Новая
       0

Скрыть кнопку и отобразить перенаправленный текст

1 голос
/ 23 сентября 2019

У меня есть простая форма отправки, которую я отправляю в браузер пользователя из Spring Endpoint: 

<html>
   <head>
      <meta HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8" />
      <meta HTTP-EQUIV="Cache-Control" CONTENT="no cache" />
      <meta HTTP-EQUIV="Pragma" CONTENT="no cache" />
      <meta HTTP-EQUIV="Expires" CONTENT="0" />
   </head>
   <body OnLoad="AutoSubmitForm();">
      <form name="downloadForm" action="AcsUrl" method="POST">
         <input type="hidden" name="PaReq" value="PaReq" />
         <input type="hidden" name="TermUrl" value="TermUrl" />
         <input type="hidden" name="MD" value="optionalValue" />
         <SCRIPT LANGUAGE="Javascript">
            AutoSubmitForm() { document.downloadForm.submit();}
         </SCRIPT>
         <input type="submit" name="continue" value="Continue" />
      </form>
   </body>
</html>

Есть ли способ скрыть кнопку continue и отобразить «Перенаправление» при запуске страницыбраузер клиента?

1 Ответ

1 голос
/ 23 сентября 2019

Обновите ваш скрипт до: 

<SCRIPT LANGUAGE="Javascript">
   AutoSubmitForm() { 
     document.downloadForm.submit();
   }
  var form = document.querySelector('form[name="downloadForm"]');
  var submitFN = function () {
     // hide btn
     document.querySelector('input[type="submit"]').style.display = "none";
     // create dom node let it be paragraph
     var node = document.createElement("p"); 
     // create text node 'redirecting'
     var textnode = document.createTextNode("Redirecting");     
     // append text node to dom node 
     node.appendChild(textnode);
     // append dom node to dom body
     document.querySelector("body").appendChild(node); 
  }
  form.addEventListener("submit", submitFN, false);
</SCRIPT>

Без JS: 

<html>
   <head>
      <meta HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8" />
      <meta HTTP-EQUIV="Cache-Control" CONTENT="no cache" />
      <meta HTTP-EQUIV="Pragma" CONTENT="no cache" />
      <meta HTTP-EQUIV="Expires" CONTENT="0" />
   </head>
   <body OnLoad="AutoSubmitForm();">
      <form name="downloadForm" action="AcsUrl" method="POST">
         <input type="hidden" name="PaReq" value="PaReq" />
         <input type="hidden" name="TermUrl" value="TermUrl" />
         <input type="hidden" name="MD" value="optionalValue" />
         <SCRIPT LANGUAGE="Javascript">
            AutoSubmitForm() { document.downloadForm.submit();}
         </SCRIPT>
         <input type="submit" name="continue" value="Continue" style="display: none;"/>
      </form>
      <p> Redirecting</p>
   </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...