code/application/adminghd/view/login/login.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp">
    <title>用户登录</title>
    <link rel="stylesheet" type="text/css" href="/static/adminghd/css/style.css" />
    <link rel="stylesheet" type="text/css" href="/static/adminghd/css/login.css" />
</head>
<style>
.login-top .tbb{ font-size:18px; font-weight:bold; position:absolute; bottom:0; left:195px; color:#FFD200;}
</style> 
<body style='min-width:1235px'>
<div style='height:100px;'></div> 
<div style='background:#e3e3e3;height:450px;width:100%;position:relative;'>
    <div style='width:350px;height:400px;background:#EDF1F5;float:right;margin-right:20%;margin-top:1.5%;box-shadow:#666 0px 0px 20px;'>
        <div class="login-top" style="padding-bottom:0;">
                <div style='color:#453A3E;margin:30px auto 10px auto;width:auto;max-width:90%;font-size:16px;font-weight:bold;text-align:center;padding:0 10px;'>生长激素缺乏预测模型后台</div>
        </div>
        <div style='height:1px;width:100%;background:#DEDCDD;'>
            <div style='background:#e3e3e3;height:3px;width:80%;margin:0px auto 0 auto;'></div>
        </div>
        <form method="post" id="agent_login" name="login">
            <div class="login-content">
                <ul class="user-logn">
                    <li class="user-jobnum" style='width:100%;margin-bottom:0px;'>
                        <div class="li-bg error"  style='width:100%;'>
                            <label></label>
                            <input type="text" id="username"  name="username" placeholder="请输入账号" value="" validate="" validatename="工号" class="phonecode"  style='width:83%;padding-right:0px;background:#EDF1F5;height:40px;border:2px solid balck;border-radius:4px;'/>
                             <span id="checkusername" class="warning"></span>
                        </div>
                    </li>
                    <li class="pwd"  style='width:100%;margin-bottom:0px;'>
                        <div class="li-bg "  style='width:100%;'>
                            <label></label>
                            <input type="password" style="width: 0;height: 0;border: none;" name="">
                            <input type="password" autocomplete="off" id="admin_password" name="password" class="pwd" placeholder="请输入密码" validate="" validatename="密码"  style='border:2px solid balck;width:83%;padding-right:0px;background:#EDF1F5;height:40px;border-radius:4px;'>
                             <span id="checkpassword" class="warning"></span>
                        </div>
                    </li>
                    <li style="margin-top:40px;width:100%;">
                        <button type="submit" name="dologinbtn" style='background:#afaeb2;border-radius:4px;height:35px;width:100%;' class="actLogin" onclick="return  checklogin(this.form);">立即登录</button>
                        <input type="hidden" name="loginsubmit" value="true" />
                    </li>
                </ul>
            </div>
        </form>
    </div>
    <div id="cover" class="modal">身份获取中。。。</div>
</div>


</body>
</html>
<script type="text/javascript" src="/static/adminghd/js/jquery.js"></script>
<script>
	var _login_time = -1;
	var _user_type = '';
	
    function checklogin(form){
        var username = $('username').value;
        var pwd = $('password').value;
        var phonenumFlg = true;
        var pwdFlg = true;
        //var codeFlg = true;
        if(form.username.value == null || form.username.value == ""){
            $('#checkusername').empty();
            $('#checkusername').append(' &nbsp; 账号不能为空！');
            $('#checkusername').addClass("warning");
            phonenumFlg = false;
            return phonenumFlg;
        }else{
            $('#checkusername').empty();
          //  $('#checkusername').append('<img src="/images/base/check_right.gif" width="13" height="13">');
            $('#checkusername').addClass("warning");
        }
        if(form.password.value == null || form.password.value == ""){
            $('#checkpassword').empty();
            $('#checkpassword').append(' &nbsp; 密码不能为空!');
            $('#checkpassword').addClass("warning");
            pwdFlg = false;
            return pwdFlg;
        }else{
            $('#checkpassword').empty();
          //  $('#checkpassword').append('<img src="/images/base/check_right.gif" width="13" height="13">');
            $('#checkpassword').addClass("warning");
        }
        if(phonenumFlg == true && pwdFlg == true){
      //  alert(11);
         $("#agent_login").submit(function(event) {
                event.preventDefault(); // 阻止表单默认提交行为
                $.ajax({
                    type: "POST",
                    url: "/adminghd/Login/login", // 服务器端脚本的 URL
                    data: $(this).serialize(), // 自动序列化表单元素为字符串
                    success: function(data) {
				if(data.status){
				    //alert(data.msg);
				    location.replace("/adminghd/login");
				  //  location.reload();
				} else {
				    alert(data.msg);
				    return ;
				}
                        console.log(response); // 处理服务器响应
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.error("Error submitting form: " + textStatus);
                    }
                });
            });
      //  $('#agent_login').submit();
            //  ajaxpost('registerform', 'register');
       //     $('#agent_login').ajaxSubmit({
     /*  $.ajax({
            url:'/admin/Login/login',
            dataType:'json',
            type:'post',
            data:{
                "username":username,
                "password":pwd
            },
            success:function(data){
                alert(222);
                alert(data.msg);
                return false;
                if(data.status){
                        alert(data.msg);
                     //   $(form).resetForm();
                  } else {
                        alert(data.msg);
                        return ;
                 }
            }   
        })  */
       
        }
    }

</script>