研究中 登陆页面

登陆页面 

<script>
    $(function() {
        // 绑定ajaxError事件处理器
        $(document).ajaxError(function(event, jqxhr, settings, exception) {
            console.log(event);     // 输出事件对象
            console.log(jqxhr);     // 输出jQuery XMLHttpRequest对象
            console.log(settings);  // 输出请求的设置对象
        });
 
        // 表单提交事件处理
        $('form[name="form_install"]').submit(function(event) {
            event.preventDefault();  // 阻止默认的表单提交行为
 
            // 收集表单数据
            var formData = FormDataPackaging('form[name="form_install"]');
 
            // 发送POST请求给PHP处理
            $.post('index.php?step=5', formData, function(data) {
                // 在这里处理从PHP返回的JSON数据
                if (data.state === 'ok') {
                    var _data = {
                        "MyExplain": $('input[name="MyExplain"]').val(),
                        "ip": $('input[name="ip"]').val()
                    };
 
					var url = "index.php";
					if(data['datas']['msg'].indexOf('pkalert|') == 0) {
						ppp({
							icon: 0,
							hideclose: 1,
							content: data['datas']['msg'].replace('pkalert|', ''),
							submit: function() {
								location.href = url;
							}
						});
					} else {
						ppp({
							type: 3,
							icon: 1,
							content: data['datas']['msg'],
							close: function() {
								location.href = url;
							}
						});
					}
				} else {
					ppp({
						type: 1,
						icon: 2,
						noclose: 1,
						hideclose: 1,
						content: data['datas']['msg'],
						submit: function() {
							window.open('https://www.ddoss.cn', '_blank');
						},
						complete: function(_id) {
							$('#pkpopup_' + _id + ' .pk-popup-submit').html('求助');
						}
					});
				}
			}, 'json');
		});
	});
</script>

原来登陆页面 

<link rel="stylesheet" href="template/css/login.css" />
<script src="js/md5.min.js"></script>
<div class="pk-row loginbox">
    <div class="loginform">
        <form name="form_install" method="post" action="">
			<div id="hadsky-loginbox" class="pk-row mainbox">

				<div class="pk-w-sm-12 pk-margin-bottom-15">
					<input type="text" name="adminusername" placeholder="邮箱/UID/用户名/手机号" required autocomplete="off" />
				</div>

				<div class="pk-w-sm-12 pk-margin-bottom-15">
					<input type="password" name="adminpassword" placeholder="请输入密码" required />
				</div>


				<div class="pk-w-sm-12 pk-margin-bottom-15"
					style="border-bottom:1px solid #F2F2F2;padding-bottom:30px;">
					<button type="button" id="submitbtn"  class="pk-btn submitbtn">登录</button>
				</div>


			</div>
        </form>
    </div>
</div>


<script>
	$(function() {
		//绑定post事件处理器
		$(document).ajaxError(function(event, jqxhr, settings, exception) {
											// $(document).ajaxError 是扩展库 jquery-3.3.1.min.js 里面的方法：
			console.log(event);				// js 内置事件对象，与触发事件的元素相关联
			console.log(jqxhr);				// 是 jQuery XMLHttpRequest 对象，包含了请求的详细信息
			console.log(settings);			// 请求时使用的设置对象，与 $.ajax 方法的参数相同

											// exception：这是一个可选参数，仅当 error 回调捕获到异常时才会存在。
		});


		var domain = location.host;			// 获取当前请求的地址
		var domains = domain.split('.');	// 将获取的地址字符串分割为数组,分隔符是 . 点
		if(domains.length > 1 && !parseInt(domains[domain.length - 1])) {
											// 1. 判断域名数组的长度大于1; 2. domains[domain.length - 1] 内置函数获取最后一个数组元素;如域名尾巴 com  
											// 3. parseInt 转换整数，由于域名尾巴是 com ，则返回 NaN（Not a Number) 在判断中返回 false; 取反则 如果是数子成立
			$('#yfw').removeClass('pk-hide');// 移除 ID 为 yfw 的元素中的 pk-hide 样式/CSS 类
		} else {
			$('#yfw').remove();				// 删除整个 yfw 元素
		}
		$('select[name="mysql_type"]').on('change', function() {
			var v = $(this).val();
			if(v == 'sqlite') {
				ppp({
					shade: 1,
					content: "该数据库还在测试阶段，部分功能和应用可能会出现不兼容的情况。"
				});
				$('._sqlite').addClass('pk-hide').find('input').addClass('xt');
			} else {
				$('._sqlite').removeClass('pk-hide').find('input').removeClass('xt');
			}
		});

		$('#submitbtn').click(function() {
			if(parseInt($('input[name="adminusername"]:eq(0)').val())) {
				ppp({
					type: 3,
					icon: 2,
					content: "创始人用户名不能为纯数字",
					close: function() {
						$('input[name="adminusername"]:eq(0)').focus();
					}
				});
				return false;
			}
			var allinput = $('form[name=form_install] input:not([class~="xt"],button)');
			for(var i = 0; i < allinput.length; i++) {
				if(!$(allinput[i]).val()) {
					var txt = '请填写“' + $(allinput[i]).parent().prev().html() + '”一项';
					ppp({
						type: 3,
						icon: 2,
						content: txt,
						close: function() {
							$(allinput[i]).focus();
						}
					});
					return false;
				}
			}

			var pid = ppp({
				type: 4,
				shade: 1,
				content: "正在登陆..."
			});
			var strings = FormDataPackaging('form[name="form_install"]');	/* 收集表单数据: 定义数据数组 formData 为 新的数据，来源于 html 定义的 表单名称：form_install */

			/* 使用 js 的内置函数，将数据 通过 post 方式发送给 php 处理;  */
			$.post('index.php?step=3', strings, function(data) {
				pkpopup.close(pid);
				if(data['state'] == 'ok') {
					var _data = {
						"username": form_install.adminusername.value,
						"password": form_install.adminpassword.value
					}
					var url = "index.php?step=3&chkcode=HadSkyInstallComplete&data=" + encodeURIComponent(JSON.stringify(_data));
					if(data['datas']['msg'].indexOf('pkalert|') == 0) {
						ppp({
							icon: 0,
							hideclose: 1,
							content: data['datas']['msg'].replace('pkalert|', ''),
							submit: function() {
								location.href = url;
							}
						});
					} else {
						ppp({
							type: 3,
							icon: 1,
							content: data['datas']['msg'],
							close: function() {
								location.href = url;
							}
						});
					}
				} else {
					ppp({
						type: 1,
						icon: 2,
						noclose: 1,
						hideclose: 1,
						content: data['datas']['msg'],
						submit: function() {
							window.open('https://www.ddoss.cn', '_blank');
						},
						complete: function(_id) {
							$('#pkpopup_' + _id + ' .pk-popup-submit').html('求助');
						}
					});
				}
			}, 'json');
		});
	});
</script>