|
|
@@ -132,6 +132,12 @@
|
|
|
</div>
|
|
|
<button class="tc-huoqu right">获取验证码</button>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <button class="tc-login-pwd form-btn" id="login-pwd">注册</button>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <div>
|
|
|
<div class="xieyi">
|
|
|
<input class="checked" type="checkbox" checked name="xieyi"/>
|
|
|
<span>
|
|
|
@@ -139,11 +145,6 @@
|
|
|
<a href="https://sso.ubtob.com/common/agreement">《优软云服务条款》</a>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <button class="tc-login-pwd form-btn" id="login-pwd">登录</button>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- <div>
|
|
|
<span class="form-buttom">已有账号，去<a href="#" class="go-login">登录</a></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -251,18 +252,18 @@
|
|
|
</div>
|
|
|
<!-- 首页内容 -->
|
|
|
<div class="my-text">
|
|
|
- <img class="sy-dianzi sy-mb" src="./img/assets/dianzi.png" alt="">
|
|
|
+ <img class="sy-dianzi sy-mb" src="./img/assets/dianzi3x.png" alt="">
|
|
|
<div class="sy-mb">
|
|
|
- <img src="./img/assets/xun.png" alt="">
|
|
|
- <img class='sy-mbimg2' src="./img/assets/jin.png" alt="">
|
|
|
+ <img src="./img/assets/xun3x.png" alt="">
|
|
|
+ <img class='sy-mbimg2' src="./img/assets/jin3x.png" alt="">
|
|
|
</div>
|
|
|
<div class="sy-mb">
|
|
|
- <img src="./img/assets/ren.png" alt="">
|
|
|
- <img src="./img/assets/zi.png" alt="">
|
|
|
+ <img src="./img/assets/ren3x.png" alt="">
|
|
|
+ <img src="./img/assets/zi3x.png" alt="">
|
|
|
</div>
|
|
|
<div class="sy-mb">
|
|
|
- <img src="./img/assets/Group.png" alt="">
|
|
|
- <img src="./img/assets/qing.png" alt="">
|
|
|
+ <img src="./img/assets/Group3x.png" alt="">
|
|
|
+ <img src="./img/assets/qing3x.png" alt="">
|
|
|
</div>
|
|
|
<button class='my-tiyan'>立即体验</button>
|
|
|
</div>
|
|
|
@@ -585,76 +586,77 @@
|
|
|
<script src="js/main.js"></script>
|
|
|
<script>
|
|
|
$(function() {
|
|
|
- // $.validator.addMethod("isMobile", function(value, element) {
|
|
|
- // var length = value.length;
|
|
|
- // var mobile = /^[1][3,4,5,7,8][0-9]{9}$/;
|
|
|
- // return this.optional(element) || (length == 11 && mobile.test(value));
|
|
|
- // }, "请正确填写您的手机号码");
|
|
|
- // $("#contact-form").validate({//自定义验证规则
|
|
|
- // rules: {
|
|
|
- // name: {
|
|
|
- // required: true,
|
|
|
- // isMobile:true
|
|
|
- // // minlength: 8
|
|
|
- // },
|
|
|
- // // realName: "required",
|
|
|
- // email: {
|
|
|
- // required: true,
|
|
|
- // email: true
|
|
|
- // },
|
|
|
- // subject: {
|
|
|
- // required: true,
|
|
|
- // minlength: 2
|
|
|
- // },
|
|
|
- // message: {
|
|
|
- // required: true,
|
|
|
- // minlength: 2
|
|
|
- // }
|
|
|
- // },
|
|
|
- // messages: {//提示文字
|
|
|
- // name: {
|
|
|
- // required: "姓名不能为空",
|
|
|
- // // telephone: '请填写正确的手机号'
|
|
|
- // },
|
|
|
- // // name: {
|
|
|
- // // required: "姓名不能为空",
|
|
|
- // // minlength: "至少输入8位字母和数字"
|
|
|
- // // },
|
|
|
- // email: {
|
|
|
- // required: "no email, no support"
|
|
|
- // },
|
|
|
- // subject: {
|
|
|
- // required: "you have a reason to contact, write it here",
|
|
|
- // minlength: "thats all? really?"
|
|
|
- // },
|
|
|
- // message: {
|
|
|
- // required: "um...yea, you have to write something to send this form.",
|
|
|
- // minlength: "thats all? really?"
|
|
|
- // }
|
|
|
- // },
|
|
|
- // submitHandler: function(form) {
|
|
|
- // $(form).ajaxSubmit({//jq表单提交
|
|
|
- // type:"POST",
|
|
|
- // data: $(form).serialize(),//获取form中的所有数据
|
|
|
- // url:"mail.php",
|
|
|
- // success: function() {
|
|
|
- // $(".contact-form").fadeTo( "slow", 1, function() {
|
|
|
- // $(".contact-form").resetForm();//清空form
|
|
|
- // $(".success").slideDown("slow");//滑动方式显示隐藏元素
|
|
|
- // });
|
|
|
- // },
|
|
|
- // error: function() {
|
|
|
- // $(".contact-form").fadeTo( "slow", 1, function() {
|
|
|
- // $(".error").slideDown("slow");
|
|
|
- // });
|
|
|
- // }
|
|
|
- // });
|
|
|
- // },
|
|
|
- // errorPlacement: function(error, element) {
|
|
|
- // element.after(error);
|
|
|
- // error.hide().slideDown();
|
|
|
- // }
|
|
|
- // });
|
|
|
+ $.validator.addMethod("isMobile", function(value, element) {
|
|
|
+ var length = value.length;
|
|
|
+ var mobile = /^[1][3,4,5,7,8][0-9]{9}$/;
|
|
|
+ return this.optional(element) || (length == 11 && mobile.test(value));
|
|
|
+ }, "请正确填写您的手机号码");
|
|
|
+ $("#contact-form").validate({//自定义验证规则
|
|
|
+ rules: {
|
|
|
+ phone: {
|
|
|
+ required: true,
|
|
|
+ isMobile:true
|
|
|
+ // minlength: 8
|
|
|
+ },
|
|
|
+ // realName: "required",
|
|
|
+ email: {
|
|
|
+ required: true,
|
|
|
+ email: true
|
|
|
+ },
|
|
|
+ subject: {
|
|
|
+ required: true,
|
|
|
+ minlength: 2
|
|
|
+ },
|
|
|
+ message: {
|
|
|
+ required: true,
|
|
|
+ minlength: 2
|
|
|
+ }
|
|
|
+ },
|
|
|
+ messages: {//提示文字
|
|
|
+ phone: {
|
|
|
+ required: "号码不能为空",
|
|
|
+ // telephone: '请填写正确的手机号'
|
|
|
+ },
|
|
|
+ // name: {
|
|
|
+ // required: "姓名不能为空",
|
|
|
+ // minlength: "至少输入8位字母和数字"
|
|
|
+ // },
|
|
|
+ email: {
|
|
|
+ required: "没有电子邮件",
|
|
|
+ email: "请输入正确格式的电子邮件",
|
|
|
+ },
|
|
|
+ subject: {
|
|
|
+ required: "你有理由联系，把它写在这里",
|
|
|
+ minlength: "这一切？真的？"
|
|
|
+ },
|
|
|
+ message: {
|
|
|
+ required: "嗯……嗯，你必须写一些东西寄这张表格。",
|
|
|
+ minlength: "这一切？真的？"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ submitHandler: function(form) {
|
|
|
+ $(form).ajaxSubmit({//jq表单提交
|
|
|
+ type:"POST",
|
|
|
+ data: $(form).serialize(),//获取form中的所有数据
|
|
|
+ url:"mail.php",
|
|
|
+ success: function() {
|
|
|
+ $(".contact-form").fadeTo( "slow", 1, function() {
|
|
|
+ $(".contact-form").resetForm();//清空form
|
|
|
+ $(".success").slideDown("slow");//滑动方式显示隐藏元素
|
|
|
+ });
|
|
|
+ },
|
|
|
+ error: function() {
|
|
|
+ $(".contact-form").fadeTo( "slow", 1, function() {
|
|
|
+ $(".error").slideDown("slow");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ errorPlacement: function(error, element) {
|
|
|
+ element.after(error);
|
|
|
+ error.hide().slideDown();
|
|
|
+ }
|
|
|
+ });
|
|
|
});
|
|
|
// 关闭弹窗X
|
|
|
$(".tc-on").click(function(){
|
jinsy
