文件

115 行
5.1 KiB
HTML
可执行文件

bu<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="keywords" content="{$webinfo['logo']['keywords']}">
<meta name="description" content="{$webinfo['logo']['description']}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>联系我们 - {$webinfo['logo']['indexname']}</title>
<link href="{$webinfo['logo']['icourl']}" type="image/x-icon" rel="shortcut icon">
<link rel="stylesheet" href="__PUBLIC__/Webinfo/Modern/css/style.css">
</head>
<body>
<nav class="nav">
<div class="nav-container">
<div class="logo">
<img src="{$webinfo['logo']['weblogo']}" alt="Logo">
</div>
<div class="nav-links">
<a href="{:U('Main/Index/index')}">首页</a>
<a href="{:U('Main/Product/index')}">产品</a>
<a href="{:U('Main/News/index')}">动态</a>
<a href="{:U('Main/About/index')}">关于</a>
<a href="javascript:;" class="active">联系</a>
</div>
<button class="login-btn" onclick='window.location.href="{:U(\'Retail/login/index\')}"'>登录</button>
</div>
</nav>
<section class="banner banner--gradient"></section>
<main class="main">
<section class="section">
<div class="container contact">
<div class="contact-info">
<h1 class="section-title">联系我们</h1>
<ul class="info-list">
<li>
<span class="info-label">服务热线:</span>
<span class="info-value">{$contact['tell']}</span>
</li>
<li>
<span class="info-label">联系人:</span>
<span class="info-value">{$contact['name']}</span>
</li>
<li>
<span class="info-label">邮政编码:</span>
<span class="info-value">{$list['code']}</span>
</li>
<li>
<span class="info-label">公司地址:</span>
<span class="info-value" title="{$list['address']}">{$list['address']}</span>
</li>
</ul>
</div>
<div class="contact-form">
<h2 class="section-subtitle">留言咨询</h2>
<form id="contactForm">
<label>昵称</label>
<input type="text" name="name" id="name" />
<label>联系电话</label>
<input type="text" name="phone" id="phone" />
<label>电子邮箱</label>
<input type="text" name="email" id="email" />
<label>内容</label>
<textarea name="content" id="content"></textarea>
<button type="button" class="btn-primary" id="submit">提交</button>
</form>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p>&copy; {$webinfo['aboutus']['companyname']|default='公司'} 版权所有</p>
</div>
</footer>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script src="__PUBLIC__/Webinfo/Modern/js/main.js"></script>
<script>
(function() {
function msg(t){alert(t);}
$('#submit').on('click', function () {
var name = $('#name').val().trim();
if (!name) { return msg('昵称不能为空'); }
var phone = $('#phone').val().trim();
if (!phone) { return msg('联系方式不能为空'); }
if (!/^1[3-9]\d{9}$/.test(phone)) { return msg('请输入正确的联系方式'); }
var email = $('#email').val().trim();
if (!email) { return msg('邮箱不能为空'); }
if (!/^[A-Za-z\\d]+([-_.][A-Za-z\\d]+)*@([A-Za-z\\d]+[-.])+[A-Za-z\\d]{2,4}$/.test(email)) { return msg('请输入正确的邮箱'); }
var content = $('#content').val().trim();
if (!content) { return msg('内容不能为空'); }
if (!/^[\\??。'\"‘’“”\\.\\w\\u4E00-\\u9FA5\\uF900-\\uFA2D]{1,200}$/.test(content)) { return msg('存在非法字符'); }
$.ajax({
url: "{:U('adds')}",
type: "post",
data: $('#contactForm').serialize(),
success: function (res) {
if (res.status == 1) {
msg(res.msg || '提交成功');
$('#contactForm')[0].reset();
} else {
msg(res.msg || '提交失败');
}
}
});
});
})();
</script>
</body>
</html>