最近使用cloudx5.com上的云IDE做了一个简单的用户登录注册...

半导体 · 发表于 2016-8-15 14:01:59

本帖最后由半导体于 2016-8-17 09:56 编辑

最近使用wex5的云IDE做了一个简单的用户登录注册的例子，由于各方面原因关于短信验证和邮箱验证以及自定义action等功能没有完善，但是在后续版本中我会对其进行进一步更新。在此版本中我实现了简单的数据的存储和一些基本的验证，如果您有任何的意见或建议或是问题，欢迎留言，我会及时的回复您。谢谢。以下是我目前的效果图以及部分代码：同时也欢迎访问：http://regandlogin.app.cloudx5.c ... 1471252040581#!main按F12进行浏览；

reg页0

login页

detail页

注册页面的 regActivity.js文件

define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
require("cordova!com.justep.cordova.plugin.security.mob");
var Model = function(){
this.callParent();
this.way;
};
Model.prototype.wayRadioGroup = function(event){
if(event.value === '1'){
this.way = 1;
}else if(event.value === '2'){
this.way = 2;
}
}
Model.prototype.regBtnClick = function(event){
//限制必填，使用判断和提示。this.way也要判断。
if(this.way === undefined){
justep.Util.hint('请选择注册方式！',{'type':'danger'});
return;
}
var waydetail = this.comp('detailInput').value;
var password = this.comp('passwordInput').value;
var again = this.comp('againInput').value;
if(waydetail === ''){
justep.Util.hint('请填写手机号或邮箱！',{'type':'danger'});
return;
}
if(password === ''){
justep.Util.hint('请填写密码！',{'type':'danger'});
return;
}
if(this.way === 1){//说明是手机注册
var reg = /^[1][34578][0-9]{9}$/;
if(!reg.test(waydetail)){
if(this.comp('userData').find(['fPhoneNumber'],['waydetail'])){
justep.Util.hint('该手机号码已经注册过！可以直接登录！');
return;
}
justep.Util.hint('手机号码格式不正确！',{'type':'danger'});
return;
}
}else if(this.way === 2){//说明是邮箱验证的
var regt = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
if(!regt.test(waydetail)){
if(this.comp('userData').find(['fEmail'],['waydetail'])){
justep.Util.hint('该邮箱已经注册过！可以直接登录！');
return;
}
justep.Util.hint('邮箱格式不正确！',{'type':'danger'});
return;
}
}
if(!password === again){
justep.Util.hint('两次密码输入不一致！',{'type':'danger'});
return;
}
//生成一串随机数作为ID。
var ids = this.RndNum(10);
//存储的时候需要验证ID是否重复；--------------------------------------------
if(this.way === 1){
this.comp('userData').newData({
'defaultValues' : [ {
'fID' : parseInt(ids),
'fWay' : this.way,// 问卷主键
'fPhoneNumber' : waydetail,// 题目主键
'fPassword' : password,// 选项的ID
'version' : 0
} ]
});
}else if(this.way === 2){
this.comp('userData').newData({
'defaultValues' : [ {
'fID' : parseInt(ids),
'fWay' : this.way,// 问卷主键
'fEmail' : waydetail,// 题目主键
'fPassword' : password,// 选项的ID
'version' : 0
} ]
});
}
this.comp('userData').saveData();
justep.Util.hint('注册成功！',{'type':'success'});
this.close();
}
Model.prototype.RndNum = function(n){
var rnd="";
for(var i=0;i<n;i++){
rnd+=Math.floor(Math.random()*10);
}
var num = this.comp('userData').find(['fID'],['parseInt(ids)']).length;
if(num != 0){
this.RndNum();
}
return rnd;
}
return Model;
});

复制代码

regandlogin.zip (151.84 KB, 下载次数: 1441)

半导体 · 发表于 2016-8-15 14:42:53

本帖最后由半导体于 2016-8-17 09:57 编辑

自古一楼是楼主，二楼楼主继续盖：这是loginActivity.js文件：

var Model = function(){
this.callParent();
this.way;
};
Model.prototype.wayRadioGroup = function(event){
if(event.value === '1'){
this.way = 1;
}else if(event.value === '2'){
this.way = 2;
}
}
Model.prototype.saveBtnClick = function(event){
var detailNum = this.comp('detailInput').val();
var passwordss = this.comp ('passwordInput').val();
if(this.way === undefined){
justep.Util.hint('请选择登录方式！',{'type':'danger'});
return;
}
if(detailNum === ''){
justep.Util.hint('请输入用户名！',{'type':'danger'});
return;
}
if(passwordss === ''){
justep.Util.hint('请输入密码！',{'type':'danger'});
return;
}
if(this.way === 1){
var reg = /^[1][34578][0-9]{9}$/;
if(!reg.test(detailNum)){
justep.Util.hint('手机号码格式不正确！',{'type':'danger'});
return;
}
var num = this.comp('userData').find(['fPhoneNumber'],[detailNum]).length;
if(num === 0){
justep.Util.hint('该手机号码没有注册！不能登录！',{'type':'danger'});
return;
}else{
var savePass = this.comp('userData').find(['fPhoneNumber'],[detailNum])[0].val('fPassword');
if(savePass === passwordss){
justep.Util.hint('登录成功！',{'type':'success'});
this.comp('detailDialog').open();
}
}
}else if(this.way === 2){
var regt = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
if(!regt.test(detailNum)){
justep.Util.hint('邮箱格式不正确！',{'type':'danger'});
return;
}
var numtow = this.comp('userData').find(['fPhoneNumber'],[detailNum]).length;
if(numtow === 0){
justep.Util.hint('该邮箱没有注册！不能登录！',{'type':'danger'});
return;
}else{
var savePass = this.comp('userData').find(['fPhoneNumber'],[detailNum])[0].val('fPassword');
if(savePass === passwordss){
justep.Util.hint('登录成功！',{'type':'success'});
this.comp('detailDialog').open();
}
}
}
}
Model.prototype.detailDialogClose = function(event){
this.close();

复制代码

birdy · 发表于 2016-9-1 21:22:49

请问回复验证码是怎样实现的呢？需要找代理么，还要支付短信费用的吧？

zydwa · 发表于 2016-9-1 21:34:36

不错不错

半导体 · 发表于 2016-9-23 16:13:53

birdy 发表于 2016-9-1 21:22
请问回复验证码是怎样实现的呢？需要找代理么，还要支付短信费用的吧？

是的短信验证我们用的是中国网建的

半导体 · 发表于 2016-9-23 16:15:54

哎呀！！终于有人理楼楼了！！！楼楼很开心！！！楼楼最近没有时间！！！有机会的话楼楼一定更新！！！

w874305584 · 发表于 2016-10-9 18:09:29

登录的时候能写ajax吗？把数据提交到公司后端服务器，有个前端接口

半导体 · 发表于 2016-10-10 09:58:22

本帖最后由半导体于 2016-10-10 10:14 编辑

目前还是不可以的亲

cheryxp · 发表于 2016-10-13 14:11:51

感谢，分享，辛苦了，我研究一下，修改修改，自己用，哈哈，

huamei1986 · 发表于 2016-12-1 22:25:40

你好我的BASS已经编译了且也重启了服务，不知道还是出现以上错误，求解！

[分享] 最近使用cloudx5.com上的云IDE做了一个简单的用户登录注册...

评分

		自动登录	找回密码
密码			注册