You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
website/experience.html

125 lines
5.5 KiB

5 years ago
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线体验</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/experience.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
5 years ago
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
5 years ago
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="js/axios.min.js"></script>
5 years ago
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list on" toUrl="">在线体验</div>
5 years ago
<div class="fr list" toUrl="success.html">成功案例</div>
5 years ago
<div class="fr list" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div class="bg">
<div class="inner">
<div class="holderDiv"></div>
5 years ago
<div class="application clearfix ban">
5 years ago
<div class="application-left fl">
<img src="images/orange-logo.png" alt="" class="orange-logo">
</div>
<div class="application-right fr">
<div class="application-right-title">在线体验</div>
<form class="form-horizontal" role="form">
<div class="form-group">
5 years ago
<label for="firstname" class="col-xs-3 col-sm-2 control-label" style="text-align: left">名字</label>
5 years ago
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="firstname" placeholder="请输入名字" style="height:50px;">
</div>
</div>
5 years ago
<div class="form-group" style="margin-top:30px;">
<label for="phone" class="col-xs-3 col-sm-2 control-label" style="text-align: left">电话</label>
5 years ago
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
5 years ago
</div>
</div>
<div class="form-group">
5 years ago
<div class="col-xs-9 col-sm-offset-2 col-sm-9">
<div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
5 years ago
</div>
</div>
5 years ago
<a href="http://demo.huiybs.cn/common/login" class="jump" target="_blank" style="color:#000;text-decoration: none;">
<span style="display: inline-block;vertical-align: middle;">跳转系统</span>
<div class="right-arrow"></div>
</a>
5 years ago
</form>
</div>
</div>
</div>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">电话:15811367527</span>
5 years ago
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
<script>
$(function () {
var baseUrl = 'http://demo.huiybs.cn/api/';
$(".login").click(function () {
var name=$('#firstname').val();
var phone=$('#phone').val();
5 years ago
var mobileReg = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/; //手机号正则
var phoneflag = mobileReg.test(phone);
if(name===''){
alert('请填写名字');
}else if(phone===''){
alert('请填写电话号');
5 years ago
}else if(phone!=='' && !phoneflag){
alert('手机号码格式不正确!');
}else{
$.ajax({
url: baseUrl + 'register',
type: 'post',
dataType: 'json',
data: {
name: name,
5 years ago
mobile: phone
},
success: function (data) {
5 years ago
if(data.code===0) {
alert(data.msg);
}
if(data.code===-1) {
alert('操作频繁,请稍后再试');
}
}
});
}
});
})
</script>
</html>