ajax -项目/login.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="css/css.css" rel="stylesheet" />
    <!--<script src="js/jquery-1.9.1.js"></script>-->
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/msgBox.js"></script>
    <script src="formValidator_e/formValidator-4.1.3.min.js"></script>
    <script src="formValidator_e/formValidatorRegex.js"></script>
    <script type="text/javascript">
        var msgbox;
        $(function () {
            //初始化提示框插件的对象
            msgbox = new MsgBox({ imghref: "/imgs/" });
            //初始化表达验证插件
            $.formValidator.initConfig( //初始化表单验证插件
                {
                    formID: "fl"  //表示当前form的id值
                , theme: "Default"  //当前验证插件使用的皮肤为Default
                });
            $("#txtName").formValidator({ onShowText: "请输入用户名", onShow: "请输入用户名", onFocus: "用户名至少2个字符,最多10个字符", onCorrect: "该用户名可以注册" }).inputValidator({ min: 1, max: 10, onError: "你输入的用户名非法,请确认" });

            ////给需要验证的空间加上formValidator方法可以链式编程，并且在当前需要验证控件的下方加上div id为当前控件的id加上固定后缀名Tip
            ////例如当前<input typ="text" id="account"> 后面要加上<div id="accountTip">才能显示提示语
            //$("#txtName")  //对用户名进行验证
            //    .formValidator({ onShowText: "请输入用户名", onShow: "请输入用户名", onFocus: "用户名至少2个字符,最多10个字符", onCorrect: "该用户名可以注册" })
            //    .inputValidator({ min: 1, max: 10, onError: "你输入的用户名非法,请确认" });

            ////对密码的验证
            //$("#pwd")
            //  .formValidator({ onShowText: "请输入密码", onShow: "请输入密码", onFocus: "密码至少6个字符,最多20个字符", onCorrect: "密码验证通过" })
            //  .inputValidator({ min: 6, max: 20, onError: "你输入的用户名非法,请确认" });

            $("#vcodeImg").click(function () {
                $(this).attr("src", "VailidImg.aspx?id=" + Math.random());
            });

            $("#btnSubmit").click(function () {
                var params = $("#fl").serialize();

                $.post("ashxs/login.ashx", params, function (obj) {
                    if (obj.status == "nologin") {//执行失败
                        msgbox.showMsgErr(obj.msg);
                    } else {//执行成功
                        window.location = "index.html";
                    }

                }, "json");
            });
        });
    </script>
</head>
<body>
    <form id="fl">
        <div>
            <table cellpadding="10" cellspacing="1" class="table_list">

                <tr>