Files
orico-official-website-old/app/usmobile/view/customer/register.phtml
2024-10-29 14:04:59 +08:00

247 lines
7.8 KiB
PHTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/login.css">
</head>
<body>
<!--top-->
<div id="content">
{include file="include/top" /}
<div class="img-responsive margin-top-90"><img src="__PUBLIC__/m_web/images/user/login_banner.jpg" alt=""/></div>
<!--top End-->
<!-- 注册 -->
<div class="regist-tab">
<!--<div class="tab">
<a href="javascript:;" class="on">邮箱注册</a> <a href="javascript:;" class="on">手机注册</a> </div>-->
<div class="content">
<div class="margin-top-30">
<div class="login-m-a">
<div class="login-m-password">
<div class="login-m-img"><img src="__PUBLIC__/m_web/images/user/email.png" alt=""/></div>
<div class="input-a"><input type="text" onfocus="this.placeholder=''" onblur="this.placeholder='Email Address'" id="email" placeholder="Email Address"></div>
</div>
</div>
<div class="login-m-a">
<div class="login-m-code">
<div class="login-m-img"><img src="__PUBLIC__/m_web/images/user/password.png" alt=""/></div>
<div class="input-a"><input type="password" onfocus="this.placeholder=''" onblur="this.placeholder='Password'" id="password" placeholder="Password"></div>
</div>
</div>
<div class="login-m-a">
<div class="login-m-code">
<div class="login-m-img"><img src="__PUBLIC__/m_web/images/user/login-code.png" alt=""/></div>
<div class="input-a"><input type="text" onfocus="this.placeholder=''" onblur="this.placeholder='Enter Captcha'" id="captcha" placeholder="Enter Captcha"></div>
<div class="input-code img-responsive"><img id="verifyimg" src="/captcha/authcode.html"></div>
</div>
</div>
</div>
</div>
<!--<div class="regist-form"><input type="checkbox"> 我已阅读并同意《网站服务条款》</div>-->
<div class="margin-top-90 login-btn margin-bottom-20 overflow-h"><button class="register" onclick="register()">Registry</button></div>
<div class="login-text"><a href="__ORICOROOT__/customer/login.html" class="float_l margin-bottom-90 overflow-h">Login</a></div>
</div>
<!-- 注册 e -->
{include file="include/bottom" /}
</div>
</body>
</html>
<script type="text/javascript">
function isNull(data) {
return (data == "" || data == undefined || data == null) ? true : false;
}
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g, '');
}
function validEmail(email) {
//对电子邮件的验证
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
return reg.test(email);
}
</script>
<script type="text/javascript">
function show_err(id, html)
{
var err_id = '#err_' + id;
var input_id = '#' + id;
$(err_id).html(html);
$(input_id).css('border', '1px solid red');
}
function hide_err(id)
{
var err_id = '#err_' + id;
var input_id = '#' + id;
$(err_id).html('');
$(input_id).css('border', '1px solid #dedfe0');
}
function check_format(id)
{
if (id == 'email')
{
var email = $("#email").val();
var arg = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/;
if (!arg.test(email))
{
var html = 'Please check the E-mail';
show_err(id, html);
return false;
}
else
{
hide_err(id);
return true;
}
}
else if (id == 'password')
{
var password = $("#password").val();
var arg = /^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*-.]+$)[a-zA-Z\d!@#$%^&*-.]{8,20}$/;
if (!arg.test(password))
{
var html = 'The password must contain 8-20 characters and at least two types of characters.';
show_err(id, html);
return false;
}
else
{
hide_err(id);
return true;
}
}
}
function register()
{
var email = $("#email").val();
var password = $("#password").val();
var captcha = $("#captcha").val();
var data = {
email: email,
password: password,
captcha: captcha
}
if (!check_format('email') || !check_format('password'))
{
return;
}
$.ajax({
url: '/usmobile/customer/new_register',
type: 'post',
dataType: 'json',
data: data,
success: function(res) {
if (res.code == 200)
{
alert(res.msg);
location.href = '/usmobile/customer/activation.html?email=' + email;
}
if (res.code < 0)
{
alert(res.msg);
}
}
});
};
var sendsms_flag = 1;
function get_captcha(type)
{
if (type == 'captcha1')
{
var url = '/index/customer/sendsms';
var telephone = $("#telephone").val();
var data = {
register: 1,
telephone: telephone
};
if (sendsms_flag == 0)
{
return;
}
if (!check_format('telephone'))
{
return;
}
}
else if (type == 'captcha2')
{
alert('邮箱注册暂不可用');
return;
}
$.ajax({
url: url,
type: 'post',
dataType: 'json',
data: data,
success: function(data) {
if (data.code > 0) {
//设置button效果开始计时
curCount = 60;
$(".Obtain").attr("disabled", "true");
$(".Obtain").html("Sent Again" + curCount + "S");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器1秒执行一次
sendsms_flag = 0;
setTimeout(function() {
sendsms_flag = 1;
}, 60000);
} else {
alert(data.msg);
}
}
});
}
function SetRemainTime() {
if (curCount < 1) {
window.clearInterval(InterValObj); //停止计时器
InterValObj = null;
$(".Obtain").removeAttr("disabled"); //启用按钮
$(".Obtain").html("获取短信验证码");
} else {
curCount--;
$(".Obtain").html("重新获取" + curCount + "秒");
}
}
$(document).keyup(function(e) {
var code = e.keyCode;
if (code == 13)
{
register();
}
});
</script>
<script type="text/javascript">
$("#verifyimg").click(function(event) {
event.preventDefault();
$img = $("#verifyimg");
$img.attr("src", "/captcha/authcode.html?t=" + Math.random());
//$img.attr("src", $img.attr("src").substring(0, 21) + "?" + Math.random());
//jQuery(this).attr("src", "<?php echo url('/admin/authcode/verify');?>?" + Math.random());
});
</script>