如何在启用javascript时将表单替换为其他表单?

时间:2016-01-06 13:57:33

标签: javascript php

以下是无论启用或禁用javascript都会出现的表单。

<?php
if (logged_in()) {
echo "
    <form method='post' name='form' action='' class='oldform'>
        <textarea  name='content' id='content' ></textarea>
        <input type='submit' value='post' name='submit'/>
    </form>";
  }
  ?>

现在我想在符合logged_in php代码的情况下启用javascript时,用其他表单替换上面的表单。我认为下面的代码将隐藏旧表单并显示新表单但我无法获得如何将脚本放入echo中,因此当启用javascript时<script>将旧表单替换为new。

<script>
    <style>
     .oldform{display:none;}
     </style>

    <form name="newform">
    </form>
<script>

1 个答案:

答案 0 :(得分:1)

为了改善加载时间并防止旧浏览器中的css错误,您可以(虽然需要第二次页面访问)使用javascript来设置cookie。

如果cookie存在于服务器端(他们有javascript)渲染表单1,则表示2。

页面html

<script type="text/javascript">
  document.cookie = 'hasJS=true';
</script>

页面php

if (isset($_COOKIE['hasJS'])){
  // Form 1
}else{
  // Form 2
}