<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>注册</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<style>
nav{
margin-top: 120px;
width: 100%;
height: 200px;
}
table{
margin-left: 30px;
text-align: left;
}
tr{
height: 40px;
}
.input {
border: 1px solid #bfbfbf;
}
.btn1,.btn2{
margin-top: 80px;
width: 80px;
height: 40px;
text-align: center;
line-height: 40px;
background-color: #eee;
border-radius: 10px;
border:1px solid #bfbfbf;
}
.btn1{
float: left;
margin-left: 70px;
}
.btn2{
float: right;
margin-right: 70px;
}
#userphone{
width: 120px;
}
#mobile{
width: 70px;
height: 20px;
border-radius: 7px;
border: 1px solid #bfbfbf;
background-color: #eee;
font-size: 10px;color: #bfbfbf;
position: relative;
margin-left: -60px;
}
</style>
</head>
<body>
<nav>
<table>
<tr>
<td><p>手 机 号:</p></td><td><input id="userphone" type="text" name="userphone" class="input"></td>
<td><input type="button" name="get" id="mobile" value="获取(59s)"/></td>
</tr>
<tr><td><p>短信验证码:</p></td><td><input id="code" type="text" name="usermessage" class="input"></td></tr>
<tr><td><p>用 户 名:</p></td><td><input id="username" type="text" name="username" class="input"></td></tr>
<tr><td><p>登录密码:</p></td><td><input id="LoginPassword" type="password" name="password" class="input"></td></tr>
<tr><td><p>密码确认:</p></td><td><input id="ConfirmPassword" type="password" name="password" class="input"></td></tr>
</table>
<input type="button" class="btn1" value="取消" onclick="api.closeWin();"/>
<input type="button" class="btn2" value="提交" onclick="submitRegister();"/>
</nav>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
var isinerval, times;
var smsVerify = null;
apiready = function() {
/* api.parseTapmode();
smsVerify = api.require('smsVerify');*/
// 初始化
//register();
}
// 注册,初始化
/*function register(){
smsVerify.register(function(ret, err) {
if (ret.status) {
api.alert({msg: '注册成功'});
//console.log('注册成功');
} else {
api.alert({
msg : err.code + ' 注册失败'
});
}
});
}*/
// 发短信验证码
/* function sms() {
var mobile = document.getElementById("mobile").value;
smsVerify.sms({
phone : mobile,
}, function(ret, err) {
if (ret.status) {
// 新增的安卓智能验证功能
api.alert({
msg : '短信发送成功'
});
var sendVerify = $api.byId('sendVerify');
var status = $api.attr(sendVerify, 'status');
if (status != 1) {
return;
}
$api.removeAttr(sendVerify, 'onclick');
api.parseTapmode();
$api.html(sendVerify, '<span id="GetVerify">20</span>S');
times = 19;
isinerval = setInterval("CountDown()", 1000);
} else {
api.alert({
msg : err.code + ' 短信发送失败'
});
}
});
}*/
function submitRegister(){
var userphone = $api.byId('userphone').value;
var LoginPassword = $api.byId("LoginPassword").value;
var username = $api.byId('username').value;
var ConfirmPassword = $api.byId("ConfirmPassword").value;
var code = $api.byId("code").value;
if ($api.byId('userphone').value.length == 0) {
$api.byId('userphone').focus();
api.toast({
msg : '手机号不能为空!'
});
return;
} else if ($api.byId('code').value.length == 0) {
$api.byId('code').focus();
api.toast({
msg : '请输入验证码!'
});
return;
} else if ($api.byId('username').value.length == 0){
$api.byId('username').focus();
api.toast({
msg : '用户名不能为空!'
});
return;
} else if ($api.byId('LoginPassword').value.length == 0) {
$api.byId('LoginPassword').focus();
api.toast({
msg : '密码不能为空!'
});
return;
} else if ($api.byId('ConfirmPassword').value.length == 0) {
$api.byId('ConfirmPassword').focus();
api.toast({
msg : '请输入确认密码!'
});
return;
} else if ($api.byId('LoginPassword').value != $api.byId('ConfirmPassword').value) {
$api.byId('LoginPassword').focus();
api.toast({
msg : '两次密码不一致,请重新输入!'
});
return;
} else if (($api.byId('userphone').value.length != 0)&&($api.byId('code').value.length != 0)&&($api.byId('username').value.length != 0)&&($api.byId('LoginPassword').value == $api.byId('ConfirmPassword').value)){
$api.byId('userphone').focus();
$api.byId('code').focus();
$api.byId('username').focus();
$api.byId('LoginPassword').focus();
$api.byId('ConfirmPassword').focus();
api.toast({
msg : '注册成功!请重新登录!'
});
api.openWin({
name: 'index',
url: '../index.html',
delay: 5,
pageParam: {
name: 'test'
}
});
}
}
//html端代码
/* api.ajax({
url : 'xxl',
method : 'post',
cache : false,
timeout : 30,
dataType : 'json',
data : {
values : {
mobile : mobile,
password : password
}
}
}, function(ret, err) {
if (ret.msg == 1) {
//存储新注册的用户id到本地storage中
$api.setStorage('user_id', ret.id);
alert('注册成功')
} else {
api.alert({
msg : ('错误码:' + err.code + ';错误信息:' + err.msg + '网络状态码:' + err.statusCode)
});
};
});
//服务端代码
function index() {
// echo "获取数据中";
$mobile=json_decode($_POST['mobile']);
$password=json_decode($_POST['password']);
$users_model=M("Users");
$where['mobile']=$mobile;
$result=$users_model->where($where)-