聊天记录恢复H5源码 带教程
<?php
// 检测是否为微信浏览器
function isWechatBrowser() {
$userAgent = $_SERVER['HTTP_USER_AGENT'];
if (strpos($userAgent, 'MicroMessenger') !== false) {
return true;
}
return false;
}
$WIDout_trade_no = date("YmdHis").mt_rand(100,999);
// 如果是微信浏览器,则显示内容;否则,跳转到其他页面
if (! isWechatBrowser()) {
echo "这是只能微信打开的界面";
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/mzui.min.css">
<link rel="stylesheet" href="./css/style.css?v=1212311">
<link rel="stylesheet" href="./css/weui.css?v=121">
<link rel="stylesheet" href="./css/weuix.css?v=121">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>数据恢复</title>
</head>
<body>
<section class="section">
<form name=alipayment action="./pay/epayapi.php" method=post target="_blank" class="sms-form" style="background: #f6f6f6;">
<div class="sms-notice nowrap"><marquee direction="left" behavior="scroll" scrollamount="5" style="display: inline-grid;">本程序提供的是恢复方法,以及软件,教程,恢复成功率99%,本商品虚拟商品不支持退款!!</marquee></div>
<div class="sms-input">
<select name="phone" id="phone" style="width: 100%;height: 44px;padding: 0 15px;box-sizing: border-box;background: transparent;border: none;outline: none;font-size: 14px;">
<option>---请选择你的手机系统---</option>
<option value="Android">安卓</option>
<option value="iOS">苹果</option>
</select>
</div>
<div class="sms-input">
<select name="type" id="type" style="width: 100%;height: 44px;padding: 0 15px;box-sizing: border-box;background: transparent;border: none;outline: none;font-size: 14px;">
<option>---请选择恢复类型---</option>
<option value="聊天记录">聊天记录</option>
<option value="微信聊天记录">微信聊天记录</option>
<option value="手机相册">手机相册</option>
</select>
</div>
<div class="sms-input">
<input type="text" name="WIDsubject" id="WIDsubject" placeholder="请输入对方微信/号">
</div>
</div>
<!-- 提交 -->
<div class="sms-btn">
<button type="submit" style="background: #17c304;"><img src="./images/icon_13.png" /><span>开始恢复</span></button>
</div>
<div class="weui-footer">
<p class="weui-footer__links">
<a href="javascript:void(0);" id="kf" class="weui-footer__link">联系客服</a><a href="javascript:void(0);" id="jb" class="weui-footer__link">举报本站</a>
</p>
<p class="weui-footer__text">Copyright © 2023</p>
</div>
</form>
</section>
<!-- End section -->
<!-- script -->
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/mzui.min.js"></script>
<script src="./js/rolldate.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.js"></script>
<script>
$(document).on("click","#kf",function(){
layer.msg('正在请求中,请稍后~');
setTimeout(function (){
location.href = 'https://work.weixin..com/kfid/kfc691b459941010adf';
}, 1000);
return false;
})
$(document).on("click","#jb",function(){
layer.msg('正在请求中,请稍后~');
setTimeout(function (){
location.href = 'http://tx.yangzong10.cn/1.html';
}, 1000);
return false;
})
</script>
<script>
// 获取表单素
const phoneSelect = document.getElementById('phone');
const typeSelect = document.getElementById('type');
const subjectInput = document.getElementById('WIDsubject');
const form = document.forms['alipayment'];
// 在提交表单之前进行验证
form.addEventListener('submit', function (event) {
// 检查手机系统是否选择了必填项
if (phoneSelect.value === '---请选择你的手机系统---') {
event.preventDefault(); // 阻止表单提交
layer.msg('请选择你的手机系统');
return;
}
// 检查恢复类型是否选择了必填项
if (typeSelect.value === '---请选择恢复类型---') {
event.preventDefault(); // 阻止表单提交
layer.msg('请选择恢复类型');
return;
}
// 检查对方微信/号是否填写了必填项
if (subjectInput.value.trim() === '') {
event.preventDefault(); // 阻止表单提交
layer.msg('请输入对方微信/号');
return;
}
// 所有必填项都已填写,可以继续提交表单
// 可以在这里添加其他逻辑或者直接提交表单
});
</script>
</body>
</html>
今天的文章
聊天记录恢复源码H5分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/86126.html