分享一个简单的前端登录实例！

不羁的风

1. //点击登录的按钮事件
   
2. Model.prototype.verifyBtn = function(event) {
   
3.         // 获取用户输入的手机号码，因为我绑定了一个data的字段
   
4.         var phoneInput = this.comp("Data").getValue("phoneNumber");
   
5.         // 如上，获取到用户输入的密码
   
6.         var passWord = this.comp("password").val();
   
7.         var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/;
   
8.         // 验证用户输入的手机号格式是否正确
   
9.         if (reg.test(phoneInput)) {
   
10.                 // 过滤判断该手机号是否注册过（数据库中是否有这个手机号）
    
11.                 merchantData.setFilter("f1", "merchant.telephone = " + phoneInput);
    
12.                 merchantData.refreshData();
    
13.                 if (merchantData.count() > 0) {
    
14.                         // 验证用户输入的密码是否正确
    
15.                         var p = merchantData.val("password");
    
16.                         if (passWord == p) {
    
17.                                 justep.Util.hint("登录成功！");
    
18.                                 // 将手机号进行本地储存
    
19.                                 localStorage.setItem("userMobile", phoneInput);
    
20.                                 // 禁用登录按钮
    
21.                                 this.comp("verifyBtn").set({
    
22.                                         "disabled" : true
    
23.                                 });
    
24.                         } else {
    
25.                                 justep.Util.hint("您输入的密码有误", {
    
26.                                         "type" : "danger",
    
27.                                         "delay" : 2000
    
28.                                 });
    
29.                         }
    
30.                 } else {
    
31.                         justep.Util.hint("该手机号未注册，请先注册！", {
    
32.                                 "type" : "danger",
    
33.                                 "delay" : 2000
    
34.                         });
    
35.                 }
    
36.         } else {
    
37.                 justep.Util.hint("手机号不正确", {
    
38.                         "type" : "danger",
    
39.                         "delay" : 2000
    
40.                 });
    
41.         }
    
42. };
    

复制代码

不羁的风

以上，欢迎指正！

wuya

顶一下

biyaooo

不错哦，加油

sddyywm

请问有注册页的吗？我在saveData的时候总是覆盖前一条数据，在数据库中只有一条数据出现，新的覆盖旧的

不羁的风

sddyywm 发表于 2016-8-25 10:49
请问有注册页的吗？我在saveData的时候总是覆盖前一条数据，在数据库中只有一条数据出现，新的覆盖旧的 ...

注册的话，先newData  再saveData

郭德成

很好，大家都分享的法就好了

lanjackg2003

mark

www.xcz.com

想问下，你这个登录是使用接口还是baas

不羁的风

www.xcz.com 发表于 2016-11-16 13:48
想问下，你这个登录是使用接口还是baas

只是一个简单的前端验证登陆而已，没用上后端功能