联系站长 | 维修互助
<p><%@ page language='java' import='com.hdfix.action.CaptchaServlet' pageEncoding='UTF-8'%>
<% String path = request.getContextPath(); String basePath = request.getScheme() + '://' + request.getServerName() + ':' + request.getServerPort() + path + '/'; %></p>
<!DOCTYPE html>
<html lang='zh-CN'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta name='description' content='维修互助'>
<meta name='keywords' content='维修互助'>
<meta charset='UTF-8'>
<title>联系站长 | 维修互助</title>
<link href='https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet'>
<link href='https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>
<script src='https://cdn.bootcdn.net/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<script src='https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://static.geetest.com/static/tools/gt.js'></script>
<style type='text/css'>
.qr-code {
width: 200px;
height: 200px;
margin: 20px;
}
.txt {
text-align: center;
}
.geetest_holder {
margin-top: 10px;
}
</style>
</head>
<body>
<jsp:include page='header.jsp' flush='true' />
<div class='container'>
<div class='row'>
<div class='col-md-6'>
<form action='help!writesave' method='post'>
<div class='form-group'>
<label for='title'>问题简述</label>
<input type='text' class='form-control' id='title' name='title'>
</div>
<div class='form-group'>
<label for='phone'>联系方式</label>
<input type='phone' class='form-control' id='phone' name='phone'>
</div>
<div class='form-group'>
<label for='message'>遇到的问题:</label>
<textarea class='form-control' id='message' name='info' rows='5'></textarea>
</div>
<label for='captcha'>验证码：</label>
<div id='captchaContainer'></div>
<input type='hidden' id='captcha' name='captcha'>
<button type='submit' class='btn btn-primary' onclick='return checkForm()'>提交</button>
</form>
</div>
<div class='col-md-6'>
<div class='row'>
<div class='col-md-12'>
<img src='common/pic/gzhcode.jpg' alt='QR Code' class='qr-code'>
<a style='font-size: 20px'>扫描左侧二维码关注我们</a>
<p class='txt'>扫描二维码,关注我们。</p>
</div>
<div class='col-md-6'>
<img src='common/pic/code2.png' alt='Mini Program Code' class='qr-code'>
<p class='txt'>简二维码生成器</p>
</div>
<div class='col-md-6'>
<img src='https://via.placeholder.com/200x200' alt='Mini Program Code' class='qr-code'>
<p class='txt'>扫描小程序码，进入小程序。</p>
</div>
</div>
</div>
</div>
</div>
<script>
initGeetest({
gt: '填写你的gt',
challenge: '填写你的challenge',
product: 'popup',
offline: !geetestConfig.online,
width: '300px'
}, function (captchaObj) {
captchaObj.onSuccess(function () {
var result = captchaObj.getValidate();
document.getElementById('captcha').value = result.geetest_challenge + '|' + result.geetest_validate + '|' + result.geetest_seccode;
});
captchaObj.appendTo('#captchaContainer');
});
function checkForm() {
var captcha = document.getElementById('captcha').value;
if (captcha == '') {
alert('请完成滑动验证码！');
return false;
}
return true;
}
</script>
<jsp:include page='footer.jsp' flush='true' />
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/fzQJ 著作权归作者所有。请勿转载和采集!