先附上 html 及相关 JS 代码:
- <html>
- <head>
- <title>
- login
- </title>
- </head>
- <script src="jquery-1.11.1.min.js">
- </script>
- <script>
- $(function() {
- $("#submit").click(function() {
- var userName = $("#username").val();
- var passWord = $("#password").val();
- if (userName == "" || passWord == "") {
- alert("信息不完整");
- return;
- }
- //alert("11");
- //$.post("login.php", "param=" + userName + "," + passWord, function(data){
- $.post("login.php", "param=" + userName + "," + passWord,
- function(data) {
- alert(data);
- //$("#info").text(data);
- });
- });
- });
- </script>
- <body>
- <fieldset>
- <legend>
- 用户登录
- </legend>
- <p>
- <label for="username" class="label">
- 用户名:
- </label>
- <input id="username" name="username" type="text" class="input" />
- <p/>
- <p>
- <label for="password" class="label">
- 密 码:
- </label>
- <input id="password" name="password" type="password" class="input" />
- <p/>
- <p>
- <input type="button" id="submit" name="submit" value=" 确 定 " class="left"
- />
- <span id="info">
- </span>
- </p>
- </fieldset>
- </body>
- </html>
然后在 login.php 页面中进行操作,如下:
其中,login_tbu() 这个方法可以用多种方法写,这里为了方便测试,写在的 PHP 脚本当中
运行 login.html,如果输入用户名和密码为 admin,则弹出登录成功,否则弹出输入错误。
来源: http://lib.csdn.net/article/jquery/38097