forked from yiming2016/go
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcommit.html
More file actions
116 lines (116 loc) · 13 KB
/
Copy pathcommit.html
File metadata and controls
116 lines (116 loc) · 13 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="http://127.0.0.1:9620/">
<style>._sh-hl{animation:_shAnim 450ms ease-in-out 3;border-radius:4px;padding:2px 6px;margin:-2px -6px}@keyframes _shAnim{0%{background-color:#40aabf}67%{background-color:#40aabf}100%{background-color:transparent}}</style>
<script>var _SH_CFG={e:true,bc:3,bd:300,bi:150};function _sv(h){var e=document.getElementById(h);if(!e)e=document.querySelector("[data-cat-id="+h+"]");if(e){var hd=document.querySelector(".page-header"),o=hd?hd.offsetHeight+12:60;var p=e.closest("h4")||e;var ty=e.getBoundingClientRect().top+window.pageYOffset-o;window.scrollTo({top:ty,behavior:"smooth"});if(_SH_CFG.e&&p){var _cycle=_SH_CFG.bd+_SH_CFG.bi;var _fire=function(){p.classList.remove("_sh-hl");void p.offsetWidth;p.classList.add("_sh-hl");setTimeout(function(){p.classList.remove("_sh-hl")},_cycle*_SH_CFG.bc+250);};if(Math.abs(ty-window.pageYOffset)<5){_fire();}else{var _st,_done=false;var _fin=function(){if(_done)return;_done=true;window.removeEventListener("scroll",_onS);_fire();};var _onS=function(){clearTimeout(_st);_st=setTimeout(_fin,140);};window.addEventListener("scroll",_onS);setTimeout(_fin,1400);}}}}</script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#f9f9f9" />
<title>网址提交 - 在线工具网</title>
<link rel="shortcut icon" href="data:image/png;base64,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" />
<meta name="keywords" content="网址提交,网站收录,在线工具网" />
<meta name="description" content="提交您的优质网站,加入在线工具网址导航" />
<link rel="stylesheet" href="./assets/css/block-library.min-5.6.2.css" type="text/css" media="all" />
<link rel="stylesheet" href="./assets/css/iconfont-3.03029.1.css" type="text/css" media="all" />
<link rel="stylesheet" href="./assets/css/bootstrap.min-4.3.1.css" type="text/css" media="all" />
<link rel="stylesheet" href="./assets/css/style-3.03029.1.css" type="text/css" media="all" />
<link rel="stylesheet" href="./assets/css/custom-style.css" type="text/css" media="all" />
<link rel="stylesheet" href="./assets/fontawesome-5.15.4/css/all.min.css" type="text/css" />
<style>
.submit-container { max-width: 800px; margin: 50px auto; padding: 30px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.submit-header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #f0f0f0; }
.submit-header h1 { font-size: 28px; color: #333; margin-bottom: 10px; }
.submit-header p { color: #666; font-size: 14px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; color: #333; font-weight: 500; }
.form-group label .required { color: #ff4444; margin-left: 3px; }
.form-control { width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; transition: border-color 0.3s; }
.form-control:focus { outline: none; border-color: #4CAF50; }
.form-control.error { border-color: #ff4444; }
textarea.form-control { resize: vertical; min-height: 100px; }
.error-message { color: #ff4444; font-size: 12px; margin-top: 5px; display: none; }
.submit-btn { width: 100%; padding: 12px; background: #4CAF50; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background 0.3s; }
.submit-btn:hover { background: #45a049; }
.submit-btn:disabled { background: #ccc; cursor: not-allowed; }
.back-home { text-align: center; margin-top: 20px; }
.back-home a { color: #4CAF50; text-decoration: none; }
.back-home a:hover { text-decoration: underline; }
.success-message { background: #d4edda; color: #155724; padding: 15px; border-radius: 4px; margin-bottom: 20px; display: none; }
.guidelines { background: #f8f9fa; padding: 20px; border-radius: 4px; margin-bottom: 30px; }
.guidelines h3 { font-size: 16px; color: #333; margin-bottom: 10px; }
.guidelines ul { margin: 0; padding-left: 20px; }
.guidelines li { color: #666; font-size: 14px; margin-bottom: 5px; }
.char-count { text-align: right; font-size: 12px; color: #999; margin-top: 5px; }
</style>
</head>
<body class="io-grey-mode">
<div class="submit-container">
<div class="submit-header">
<h1><i class="fas fa-paper-plane"></i> 网址提交</h1>
<p>提交您的优质网站,我们将在审核后收录到网址导航中</p>
</div>
<div class="success-message" id="successMessage">
<i class="fas fa-check-circle"></i> 提交成功!我们会尽快审核您的网站。
</div>
<div class="guidelines">
<h3><i class="fas fa-info-circle"></i> 提交须知</h3>
<ul><li>请确保网站内容合法、健康,符合相关法律法规</li><li>网站应正常访问,不含恶意代码或病毒</li><li>提供真实有效的网站信息,便于我们审核</li><li>我们会在3-5个工作日内完成审核,审核结果将通过邮件通知</li></ul>
</div>
<form id="submitForm">
<div class="form-group">
<label for="siteName">网站名称<span class="required">*</span></label>
<input type="text" id="siteName" name="siteName" class="form-control" placeholder="请输入网站名称" maxlength="50" required>
<div class="error-message" id="siteNameError">请输入网站名称</div>
</div>
<div class="form-group">
<label for="siteUrl">网站地址<span class="required">*</span></label>
<input type="url" id="siteUrl" name="siteUrl" class="form-control" placeholder="https://example.com" required>
<div class="error-message" id="siteUrlError">请输入正确的网址格式</div>
</div>
<div class="form-group">
<label for="category">网站分类<span class="required">*</span></label>
<select id="category" name="category" class="form-control" required>
<option value="">请选择分类</option><option value="常用工具">常用工具</option><option value="科研办公">科研办公</option><option value="开发设计">开发设计</option><option value="效率办公">效率办公</option><option value="社交媒体">社交媒体</option><option value="资源下载">资源下载</option><option value="生活服务">生活服务</option><option value="学习教育">学习教育</option><option value="其他">其他</option>
</select>
<div class="error-message" id="categoryError">请选择网站分类</div>
</div>
<div class="form-group">
<label for="description">网站描述<span class="required">*</span></label>
<textarea id="description" name="description" class="form-control" placeholder="简要描述网站的主要功能和特点" maxlength="200" required></textarea>
<div class="char-count"><span id="descCount">0</span>/200</div>
<div class="error-message" id="descriptionError">请输入网站描述</div>
</div>
<div class="form-group">
<label for="keywords">关键词</label>
<input type="text" id="keywords" name="keywords" class="form-control" placeholder="用逗号分隔,如:工具,在线,免费" maxlength="100">
</div>
<div class="form-group">
<label for="email">联系邮箱<span class="required">*</span></label>
<input type="email" id="email" name="email" class="form-control" placeholder="用于接收审核结果通知" required>
<div class="error-message" id="emailError">请输入正确的邮箱地址</div>
</div>
<div class="form-group">
<label for="contact">联系方式</label>
<input type="text" id="contact" name="contact" class="form-control" placeholder="QQ、微信或其他联系方式(选填)" maxlength="50">
</div>
<button type="submit" class="submit-btn" id="submitBtn">
<i class="fas fa-paper-plane"></i> 提交网站
</button>
</form>
<div class="back-home">
<a href="javascript:void(0)" onclick="window.scrollTo(0,0);return false"><i class="fas fa-home"></i> 返回首页</a>
</div>
</div>
<script src="./assets/js/jquery.min-3.2.1.js"></script>
<script>
$(document).ready(function() {
$('#description').on('input', function() { $('#descCount').text($(this).val().length); });
function validateForm() { let isValid = true; $('.form-control').removeClass('error'); $('.error-message').hide(); if(!$('#siteName').val().trim()){$('#siteName').addClass('error');$('#siteNameError').show();isValid=false;} var urlP=/^https?://.+..+/i; if(!urlP.test($('#siteUrl').val().trim())){$('#siteUrl').addClass('error');$('#siteUrlError').show();isValid=false;} if(!$('#category').val()){$('#category').addClass('error');$('#categoryError').show();isValid=false;} if(!$('#description').val().trim()){$('#description').addClass('error');$('#descriptionError').show();isValid=false;} var emailP=/^[^s@]+@[^s@]+.[^s@]+$/; if(!emailP.test($('#email').val().trim())){$('#email').addClass('error');$('#emailError').show();isValid=false;} return isValid; }
$('#submitForm').on('submit', function(e) { e.preventDefault(); if(!validateForm()) return; $('#submitBtn').prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> 提交中...'); });
$('.form-control').on('input change', function() { $(this).removeClass('error'); $(this).siblings('.error-message').hide(); });
});
</script>
</body>
</html>