2013-10-22 32 views
-1

我创建了一个用户注册到我的网站的表单,它使用Jquery将表单滑动到视图中。 我只是决定在浏览器中关闭JavaScript,看看我的PHP表单验证是否正常工作,但表单没有被显示,这是与我设置表单元素与CSS(显示:无),或者是他们在这种情况下需要在HTML中使用的标签?当Javascript在浏览器中关闭时显示Jquery .slide()表单

<form class="form" method="post" action=register.php id="register"> 
    <fieldset> 
    <label for="username">Username</label> 
    <input type="text" size="30" name="username" id="username" /> 
    <br/> 
    <label for="email">Email</label> 
    <input type="text" size="30" name="email" id="email" /> 
    <br/> 
    <label for="password">Password</label> 
    <input type="password" name="password" id="password" /> 
    <br/> 
    <label for="confirm paassword">Confirm Password</label> 
    <input type="password" name="password1" id="password1" /> 
    <br/> 
    <input type="submit" name="submit" id="submit" value="Register" /> 
    </fieldset> 
    </form> 

CSS样式

#register{ 
    display: none; 

jQuery的

$(document).ready(function(){ 
     $('#register').slideDown(800); 
    } 

所有三个文件是外部。

+1

请发布HTML和Javascript代码。通过猜测进行调试很困难。 –

+1

'CSS(display:none)'会做。使用内联样式部分添加显示表单的noscript标签。 –

回答

2

反转你的想法。使用js隐藏已打开js的表单。

0

是的,应该是因为在表单元素上设置了display: none

0

你应该添加标签来处理没有javascript的情况。然而不过请记住,你需要重新加载页面显示在这种情况下的形式...

0

JavaScript和CSS不严格相关型号,所以“显示:无”隐藏了窗体

变化onload事件中的显示值从无到可见(un-none)

1

如果您使用JS从display: none进行更改,则不会在没有JS的情况下可见。

尝试使用<noscript>来显示表单或链接到注册页面(例如,使用nojs param)来处理用户禁用JS时的情况。

0

有JS隐藏表格。或者使用特征检测(如modernizr)来查看JS是否受支持,然后仅应用它的样式。例如.js #myform {display:none;}

+0

如果您只想测试javascript支持,全功能检测可能会过度。 – Moob

相关问题