HTML/JavaScript添加onClick操作

HTML/JavaScript添加onClick操作,javascript,Javascript,我想创建一个网站,并在登录页面上堆叠。你有一个按钮,如果你点击它,会弹出一个更大的窗口。输入用户名和密码后,将显示欢迎消息 现在,我想在几秒钟的信息后,我的新html页面应该会出现,但我真的不知道它是如何工作的,我尝试了很多东西 我还想知道,如果我在用户名和密码的条件中写错了什么,因为每次我想添加一个条件,比如:if username=“Schmid”,那么就会弹出一个警报 非常感谢你的帮助 $(文档).ready(函数(){ $(“#在#lounch之前形成”)。单击(函数(){ 动画({高

我想创建一个网站,并在登录页面上堆叠。你有一个按钮,如果你点击它,会弹出一个更大的窗口。输入用户名和密码后,将显示欢迎消息

现在,我想在几秒钟的信息后,我的新html页面应该会出现,但我真的不知道它是如何工作的,我尝试了很多东西

我还想知道,如果我在用户名和密码的条件中写错了什么,因为每次我想添加一个条件,比如:if username=“Schmid”,那么就会弹出一个警报

非常感谢你的帮助

$(文档).ready(函数(){
$(“#在#lounch之前形成”)。单击(函数(){
动画({高度:“250px”,宽度:“400px”});
$(this.children(“p”).animate({fontSize:“25px”});
$(“#form”).delay(500.fadeIn();
})
$(“#提交”)。单击(函数(){
var u#u name=$(“#用户名”).val();
var pass=$(“#密码”).val();
如果(u_name!=“”&通过!=“”){
$(“#先形成后消失”).fadeOut();
$(“h1”).fadeIn();
$(“h1”).html(“欢迎”+u_name);
$(“h1”).animate({marginTop:“200px”});
};
})
});
*{
边际:0px;
填充:0px;
}
身体{
背景:url(“LogInBackground.jpg”)无重复中心固定;
背景大小:100%100%;
}
#在休息室前填写表格{
宽度:100px;
高度:35px;
背景:#333;
位置:绝对位置;
左:50%;
最高:50%;
转化:translateX(-50%)translateY(-50%);
光标:指针;
}
#表格_前_lounch>p{
颜色:白色;
字体系列:无衬线;
文本对齐:居中;
线高:35px;
}
#形式{
显示:无;
宽度:350px;
高度:200px;
保证金:0px自动;
边缘顶部:5px;
}
#表格>分区>分区{
宽度:250px;
高度:40px;
保证金:0px自动;
边缘底部:10px;
}
#表格>分区>分区>输入{
宽度:250px;
高度:35px;
背景:透明;
颜色:白色;
边界半径:5px;
字体大小:20px;
字体系列:无衬线;
}
#表格>分区>#btn{
宽度:100px;
高度:35px;
保证金:0px自动;
}
#表格>div>#btn>#提交{
宽度:100px;
高度:35px;
}
h1{
颜色:白色;
文本对齐:居中;
字体系列:无衬线;
显示:无;
}

动画登录表单
登录


运行代码时出现错误:{“消息”:“SyntaxError:预期表达式,Get”javascript登录将被视为完全不安全。用户名“Schmidt”没有警报“。我不是舒尔,你想做什么。你的表单提交应该向服务器发出检查登录凭据的请求。然后,响应可以重定向到你的真实页面。看起来你在试图用javascript实现一些东西,而这不是为之而设的。