Javascript 通过lightBox效应登录表单

我使用了最简单的CSS来显示litebox视图。我使用的代码是，我从这里删除了不必要的CSS属性：

<style>
        .black_overlay{
            display: block;

        }
        .white_content {
            display: block;

        }
    </style>

我想要的功能是，当用户输入正确的名称和密码时，即管理lite box效果消失。。。但事实并非如此，lite盒子仍然存在。我怎样才能关上它。我还希望在页面加载时显示此litebox效果。

替换

var name= $( "#name" );
var pass=$("#password");

与

---

是否存在未捕获和阻止提交事件的问题？在标记中没有表单。如果你像这样加上它

<form id="submit-me"> your form inputs </div>

对于您的实际示例，您可以尝试添加一个返回false；在onclick处理程序中？但我不知道这是否有效

---

致以最诚挚的问候

我已经添加了上述代码，但同样的事情发生了，lite box效果仍然存在。此外，每当我单击“签名”时，地址栏上都会出现ww.php？name=admin&password=admin&submit=Sign+in@HanyaIdrees请使用我上面更正的.val。你试过了吗？@HanyaIdrees可以用中文做你的例子吗？我们更容易看到问题，我认为是语法错误。检查第二个版本，它隐藏了淡入和淡出两个元素。看起来浏览器记忆密码有一种特殊的行为。它经常有效，但并不总是有效。有点奇怪。@HanyaIdrees请检查您的控制台Firebug或其他什么。函数返回了一些错误。从JSFIDLE中删除脚本标记定义，它就可以工作了。给我们一些反馈！

var name= $( "#name" );
var pass=$("#password");

var name= $( "#name" ).val();
var pass=$("#password").val();

<form id="submit-me"> your form inputs </div>

$("#submit-me").submit(function(event) {
  // your js code
  event.preventDefault();
});