﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>24小时自助微信扫码辅助登录</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
    }
    
    form {
      max-width: 400px;
      margin: 0 auto;
      padding: 20px;
      background-color: #f2f2f2;
      border-radius: 5px;
    }
    
    h2 {
      text-align: center;
    }
    
    .form-group {
      margin-bottom: 15px;
    }
    
    label {
      display: block;
      font-weight: bold;
    }
    
    input[type="text"], input[type="file"] {
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
    
    button {
      display: block;
      width: 100%;
      padding: 10px;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    
    button:disabled {
      background-color: #ccc;
      cursor: not-allowed;
    }
    
    .link-container {
      text-align: center;
      margin-top: 10px;
    }
    
    .link-container a {
      color: #8c8c8c;
      text-decoration: none;
    }
    
    .link-container a:hover {
      color: #666;
    }
  </style>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      var orderInput = document.getElementById('order-number');
      var wechatInput = document.getElementById('wechat-number');
      var uploadButton = document.getElementById('upload-button');
      var submitButton = document.getElementById('submit-button');

      orderInput.addEventListener('input', validateForm);
      wechatInput.addEventListener('input', validateForm);
      uploadButton.addEventListener('change', validateForm);

      function validateForm() {
        var orderValue = orderInput.value.trim();
        var wechatValue = wechatInput.value.trim();
        var uploadValue = uploadButton.value;

        if (orderValue === '' || wechatValue === '' || uploadValue === '') {
          submitButton.disabled = true;
        } else {
          submitButton.disabled = false;
        }
      }

      submitButton.addEventListener('click', function() {
        var orderValue = orderInput.value.trim();
        var wechatValue = wechatInput.value.trim();
        var uploadValue = uploadButton.value;

        if (orderValue === '' || wechatValue === '' || uploadValue === '') {
          alert('请填写所有字段内容。');
        } else {
          alert('您的订单号错误,请核对重新填写。');
        }
      });
    });
  </script>
</head>
<body>
  <form>
    <h2>24小时自助微信扫码辅助登录</h2>
    <div class="form-group">
      <label for="order-number">订单号</label>
      <input type="text" id="order-number" placeholder="请填入您购买的订单号">
    </div>
    <div class="form-group">
      <label for="wechat-number">微信号</label>
      <input type="text" id="wechat-number" placeholder="请填入您购买的微信号">
    </div>
    <div class="form-group">
      <label for="upload-button">请上传微信扫码辅助登录二维码</label>
      <input type="file" id="upload-button">
    </div>
    <button type="button" id="submit-button">提交</button>
  </form>
  <div class="link-container">
    <a href="https://www.wxzhw.com">微信账号自助购买</a>
  </div>
</body>
</html>