接收表单中的用户名和密码，如果用户名和密码分别为“admin“和“123456“,则返回登录成功页面，否则返回登录失败页面。_用java输入用户名和密码，如果账号为admin密码味儿123456则显示登录成功-优快云博客

该博客介绍了一个使用jQuery实现的登录表单验证示例。当用户名为'admin'且密码为'123456'时，表单会提交到登录成功页面，否则提交到登录失败页面。通过监听提交按钮点击事件，实现简单的前端验证功能。

接收表单中的用户名和密码，如果用户名和密码分别为"admin"和"123456",则返回登录成功页面，否则返回登录失败页面。已知登录面如下；

<form action="http://localhost:80/login.do" method="post">
    <label>用户名</label></label><input type="text" name="userName"/><br/>
	<label>密码</label></label><input type="password" name="password"/><br/>
	<input type="submit" value="登录"/>
</form>

代码展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.js"></script>
    <script>
        $(function() {
            $("#btn").click(function () {
                if($("#userName").val()=="admin" && $("#password").val()=="123456" ){
                    //如果用户名和密码都正确，跳转到“登陆成功！”页面，提交表单请求
                    $(".operate").attr("action","http://localhost:8080/succeed.html");
                }else{
                    //否则跳转到“登录失败”页面
                    $(".operate").attr("action","http://localhost:8080/fail.html");
                }
            });
        });
    </script>
</head>
<body>
    <form class="operate" action="http://localhost:8080/succeed.html" method="post">
        <label>用户名</label></label><input type="text" id="userName"/><br/>
        <label>密码</label></label><input type="password" id="password"/><br/>
        <input type="submit" id="btn" value="登录"/>
    </form>
</body>
</html>

succed.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    登陆成功！
</body>
</html>

fail.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    登陆失败！
</body>
</html>

运行效果：