文件目录html/user/reg.html
苹果CMSv10用户注册完整示例：
<form method="post" action="">
<h4>用户注册</h4>
<div class="reg-group">
<label>账号</label>
<input type="text" name="user_name" placeholder="请输入您的登录账号">
</div>
<div class="reg-group">
<label>密码</label>
<input type="password" name="user_pwd" placeholder="请输入您的登录密码">
</div>
<div class="reg-group">
<label>确认密码</label>
<input type="password" name="user_pwd2" placeholder="请输入您的确认密码">
</div>
<!-- 判断后台是否开启手机注册 -->
{if condition="$user_config.reg_phone_sms neq 0"}
<input type="hidden" name="ac" value="phone">
<div class="reg-group">
<label>手机号码</label>
<input type="text" name="to" placeholder="请输入手机号">
<input type="button" class="fr mr10 mt10" value="获取验证码"/>
</div>
<div class="reg-group">
<label>手机验证码</label>
<input type="text" name="code" placeholder="请输入验证码">
</div>
<!-- 判断后台是否开启邮箱注册 -->
{elseif condition="$user_config.reg_email_sms neq 0"}
<input type="hidden" name="ac" value="email">
<div class="reg-group">
<label>邮箱地址</label>
<input type="text" name="to" placeholder="请输入邮箱">
<input type="button" class="fr mr10 mt10" value="获取验证码"/>
</div>
<div class="reg-group">
<label>邮箱验证码</label>
<input type="text" name="code" placeholder="请输入验证码">
</div>
{/if}
<!-- 判断后台是否开始注册验证码 -->
{if condition="$user_config.reg_verify neq 0"}
<div class="reg-group">
<label>验证码</label>
<input type="text" name="verify" placeholder="请输入验证码">
<img class="fr mr10 mt10" src="{:url('verify/index')}" onClick="this.src=this.src+'?'" alt="单击刷新" />
</div>
{/if}
<input type="button" class="btn-brand btn-sub" value="立即注册">
</form>
<script type="text/javascript">
var countdown=60;
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.value="获取验证码";
countdown = 60;
return true;
} else {
val.setAttribute("disabled", true);
val.value="重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {settime(val) },1000)
}
$("body").bind('keyup',function(event) {
if(event.keyCode==13){ $('#btnLogin').click(); }
});
$('#btn_send_sms').click(function(){
var ac = $('input[name="ac"]').val();
var to = $('input[name="to"]').val();
if(ac=='email') {
var pattern = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
var ex = pattern.test(to);
if (!ex) {
alert('邮箱格式不正确');
return;
}
}
else if(ac=='phone') {
var pattern=/^[1][0-9]{10}$/;
var ex = pattern.test(to);
if (!ex) {
alert('手机号格式不正确');
return;
}
}
else{
alert('参数错误');
return;
}
settime(this);
var data = $("#fm").serialize();
$.ajax({
url: "{:url('user/reg_msg')}",
type: "post",
dataType: "json",
data: data,
beforeSend: function () {
//开启loading
},
success: function (r) {
alert(r.msg);
},
complete: function () {
//结束loading
}
});
});
$('#btn_submit').click(function() {
if ($('#user_name').val() == '') { alert('请输入用户！'); $("#user_name").focus(); return false; }
if ($('#user_pwd').val() == '') { alert('请输入密码！'); $("#user_pwd").focus(); return false; }
if ($('#verify').val() == '') { alert('请输入验证码！'); $("#verify").focus(); return false; }
$.ajax({
url: "{:url('user/reg')}",
type: "post",
dataType: "json",
data: $('#fm').serialize(),
beforeSend: function () {
$("#btn_submit").css("background","#fd6a6a").val("loading...");
},
success: function (r) {
alert(r.msg);
if(r.code==1){
// location.href="{:url('user/login')}";
}
else{
$('#verify_img').click();
}
},
complete: function () {
$("#btn_submit").css("background","#fa4646").val("立即注册");
}
});
});
</script>
