单击按钮时切换html登录/注册表单
toggle html login/register form when clicking button
我正在创建一个网站,如果用户没有帐户,则需要登录或注册。
到目前为止,我有以下登录页面的代码
<span href="#" class="button" id="toggle-login">Log in</span>
<div id="login">
<h1>Log in</h1>
<form>
<input type="userID" placeholder="UserID" />
<input type="password" placeholder="Password" />
<input type="submit" value="Log in" />
</form>
</div>
我有Javascript(下面),当点击顶部的登录按钮时,它应该隐藏登录表单然而,它似乎并没有隐藏登录表单。
$('#toggle-login').click(function(){
$('#login').toggle();
});
我想知道是否有人能帮我切换隐藏和取消隐藏表单,是否有办法在一个页面上有两个表单,用户可以隐藏登录表单并显示注册表单,反之亦然
我的整个页面看起来是这样的:
<!DOCTYPE html>
<head>
<title>Login Form</title>
</head>
<body>
<span href="#" class="btn btn-default" id="toggle-login">Log in</span>
<div id="login">
<h1>Log in</h1>
<form>
<input type="userID" placeholder="UserID" />
<input type="password" placeholder="Password" />
<input type="submit" value="Log in" />
</form>
</div>
<script>
$('#toggle-login').click(function(){
$('#login').toggle();
});
</script>
</body>
</html>
感谢
如果你要使用jQuery库,你必须包含它。把它添加到你的头部分,你就可以了。
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<div id="toggle-login">
<form>
<!-- FORM ELEMTNS -->
<input typre="text">
</form>
</div>
<input type="button" id="btn" value="toggle login" >
Jquery:
$("#btn").click(function(){
$("#toggle-login").toggle();
});
在head会话中还包括jquery库。
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script>
相关文章:
- 可以'我无法提交AJAX注册表
- 如何从npm注册表中删除npm包
- 扩展如何读取注册表
- 流星 - 添加带有熨斗的路由后无法提交用户.路由器到登录和注册表单
- 单击按钮时切换html登录/注册表单
- Bookshelf注册表插件和节点循环依赖性错误
- 在注册表单上,表单字段不会保存在提交时自动填充的浏览器中.(ReactJs)
- 我正在尝试使用jqueryValidation引擎插件验证注册表单,有些验证无法正常工作
- 如何阻止浏览器要求在注册表单中保存电子邮件和密码
- 我试图使用引导模式类来制作一个弹出注册表单,但弹出没有'不起作用
- 使用自制的html表单注册/登录网站
- 通过注册表安装的Firefox插件是否可以使用updateURL
- 使用 Ajax、Jquery 或 JavaScript 在注册表单中添加验证码
- REST 服务未注册表单数据
- 流星:使用自动表单自定义注册过程
- JavaScript/jQuery分步注册表单
- 用户注册注册错误
- 是否有一种方法允许用户帐户(注册+注册)与javascript(角前端和节点,express服务器代码)
- 注册在表单中点击了哪个图像
- 使用javascript弹出窗口对时事通讯注册进行表单验证