成功上传表格后显示隐藏的div

时间:2017-05-25 15:10:48

标签: javascript php jquery wordpress

我使用短代码作为会员设置的一部分,允许用户将文件直接上传到我的CRM中的联系人记录。这会显示一个多上传表单,然后我将其设置为样式:

Image 001

上传文件后,页面会刷新并显示成功消息。在刷新时,我还需要在成功消息下面显示隐藏的div(#hiddendiv)。

从我读过的内容中可以看出, JS / PHP 组合可以实现这一目标(例如this example - 尽管这很模糊且难以适应)。

任何人都可以帮助我/指出正确的方向来实现这一目标吗?

3 个答案:

答案 0 :(得分:2)

由于你的表单页面很新鲜,所以你显然没有使用AJAX,因此你可以做的不是把div作为html而是回应一个变量,最初它应该是空的,然后回显那个你要显示的变量div,这将在乞讨时回显空信息...然后在成功验证您的表单并成功时,然后在页面加载后将该div的内容分配给空变量将显示div内容u just assign

<?php

        $hiddenDiv = "";

            if(isset($_POST['submitButton'])){

                //validate what you need to validate on 


                //On success assign value to hidden div



                $hiddenDiv="<div class=\"whatever\">What ever dv content you need to display</div>";
            }


    ?>


    <!-- the place you wanna show the div -->


    <?= $hiddenDiv?>

答案 1 :(得分:0)

您可以使用jquery switch class。这将允许您进行CSS过渡以使元素的外观更平滑。这可能是&#39; a&#39;的一部分。 ajax回应。

你也可以做一些像

这样简单的事情
{
   "compositeTemplates":[
      {
         "inlineTemplates":[
            {
               "documents":[
                  {
                     "documentBase64":"redacted",
                     "documentId":"1",
                     "name":"TestPDFForm.pdf",
                     "transformPdfFields":"true"
                  }
               ],
               "recipients":{
                  "signers":[
                     {
                        "email":"test@test.com",
                        "name":"Test Signer 1",
                        "recipientId":"1",
                        "tabs":{
                           "signHereTabs":[
                              {
                                 "tabLabel":"DocuSignSignHere_Signer1\\*"
                              }
                           ]
                        }
                     },
                     {
                        "email":"test2@test.com",
                        "name":"Test Signer 2",
                        "recipientId":"2",
                        "tabs":{
                           "signHereTabs":[
                              {
                                 "tabLabel":"DocuSignSignHere_Signer2\\*"
                              }
                           ]
                        }
                     }
                  ]
               },
               "sequence":"1"
            }
         ]
      }
   ],
   "customFields":{
      "textCustomFields":[
         {
            "name":"ClientId",
            "value":"A:1!!D:1!!T:1!!UserId:123!!C:10BD32B131C5ECE3"
         }
      ]
   },
   "documents":[

   ],
   "emailSubject":"Test Email",
   "eventNotification":{
      "envelopeEvents":[
         {
            "envelopeEventStatusCode":"completed"
         }
      ],
      "includeCertificateOfCompletion":"true",
      "includeCertificateWithSoap":"false",
      "includeDocumentFields":"true",
      "includeSenderAccountAsCustomField":"true",
      "includeTimeZone":"true",
      "requireAcknowledgment":"true",
      "signMessageWithX509Cert":"false",
      "url":"https://test.test.com/documentcallback.aspx",
      "useSoapInterface":"false"
   },
   "status":"sent"
}

编辑**改为&#39; a&#39;参考ajax。

答案 2 :(得分:0)

尝试如下:

<?php

if(isset($_POST['whatever'])
{
$display='';
}
else
{
$display='none';
}

?>
<div style='display:<?=$display?>'></div>