文档章节

小黑小波比.判断html三个div分别传来的值转化其它值插入数据库中

BobbyLou
 BobbyLou
发布于 2015/05/14 15:58
字数 589
阅读 6
收藏 0

Client/Views/Admin/reg.tpl

这里有个form标签.有用

在button中,添加 data-value="T".用来传递给客户端,所选的div的值是T

<div name="teacher" class="row" style="position:absolute;top:0px;display:none;top:0px;">
    <form class="login-wrap" style="border: 1px solid #e0e0e0; border-radius:8px;" onsubmit="return false;">
        <input type="text" class="form-control" data-item="user" placeholder="  邮箱/手机号" autofocus>
        <input type="password" class="form-control" data-item="pwd" placeholder="密码">
        <input type="password" class="form-control" data-item="repwd" placeholder="确认密码" autofocus>
        <input type="text" class="form-control" data-item="realname" placeholder="真实姓名">
            <div class="form-control" style="margin-bottom:15px; border:0px;padding: 0px;" >
                <select class="selectpicker"   data-item="subject" style="width:inherit;height:30px;">
                    <option>选择年级</option>
                    <option>GRADE  ONE</option>
                    <option>GRADE  TWO</option>
                    <option>GRADE  THREE</option>
                    <option>GRADE FOUR</option>
                </select>
            </div>
            <div >
                <button  type="submit" on="genId" id="dropdownMenu1" class="pull-right" style="border-radius:5px;height:40px ; width:35%;">获取验证码
                </button>
                <input type="password" class="form-control" data-item="vcode"   class ="pull-left" style="width:60%;" placeholder="请输入验证码" />
            </div>
            <div tpl="alert">
                {@if info}
                <tpl name="alert">
                    <div class="alert alert-warning" role="alert">${info}</div>
                </tpl>
                {@/if}
            </div>
            <div id="tea"></div>
            <label class="checkbox" style="font-size:12px; height: 12px;" >
                <input type="checkbox" value="remember-me"  style="height: inherit;">我已同意<使用协议>
            </label>
            <button class="btn  btn-login btn-block" type="submit" on="signin"   data-item="type" data-value="T">注册</button>
            <button class="btn   btn-block" type="submit"  on="ByRet1">取消</button>
    </form>
</div>


Client/Views/Admin/reg.js


signin: function(sender) { //查询数据
            var vals = app.gui.vals(sender.form);
            console.info(vals); 

            var role = dist_role(vals.type);
            if (detec(vals, role)) {

                var hash = CryptoJS.HmacSHA256(vals.pwd, vals.user);
 

                _.ajax({
                    type: "GET",
                    url: "api/admin/reg/data",
                    data: {
                        user: vals.user,
                        pwd: hash.toString(CryptoJS.enc.Base64),
                        realname: vals.realname,
                        vcode: vals.vcode,
                        utype: dist_role_num(vals.type),
                    },
                    dataType: "json",
                    success: function(r) {
                        if (r.successTag) {
                            app.gui.refresh("task");
                            //    app.tpl("Admin->reg.alert", function(tpl) {
                            //         var infom = tpl({
                            //                 info: " login success "
                            //         }, {});
                            //         _("#xxx").html(infom);
                            // });
                            // return;
                        } else {
                            app.tpl("Admin->reg.alert", function(tpl) {
                                var infom = tpl({
                                    info: r.status
                                }, {});
                                _(role).html(infom);
                            });
                            return;
                        }
                    }
                });
}
},

dist_role:是转化#xxx 用于选择<div id="xxx"></div>

dist_role_num:是转化值 用户存储数据库中


下面是函数方法


function display(position, message) {

    app.tpl("Admin->reg.alert", function(tpl) {
        var infom = tpl({
            info: message
        }, {});
        _(position).html(infom);
    });
    return;
}

//distinct  the role as num
function dist_role(e) {

    if (e == "T") {
        return "#tea";
    }
    if (e == "S") {
        return "#stu";
    }
    if (e == "P") {
        return "#par";
    }
}// end of dist_role


//distinct  the role as num
function dist_role_num(e) {

    if (e == "T") {
        return 1;
    }
    if (e == "S") {
        return 2;
    }
    if (e == "P") {
        return 3;
    }
}  //end of dist_role_num


//display the error
function detec(vals, role) {


    if (vals.user === "") {
        display(role, "请输入用户名!");
        return false;
    }
    if (vals.pwd === "") {
        display(role, "请输入密码!");
        return false;
    }
    if (vals.repwd === "") {
        display(role, "请输入确认密码");
        return false;
    }
    if (vals.pwd !== vals.repwd) {
        display(role, "两次密码不一致,请重新输入!");
        return false;
    }
    if (vals.realname === "") {
        display(role, "请输入真实姓名!");
        return false;
    }
    if (vals.vcode === "") {
        display(role, "请输入验证码");
        return false;
    }

    return true;

}  //end of detec




本文转载自:http://blog.csdn.net/u010489586/article/details/40655161

BobbyLou
粉丝 8
博文 149
码字总数 5825
作品 0
海淀
程序员
私信 提问
zopto重新梳理总结

1.zepto引入 正常引入即可 <script src=zepto.js></script>但是为了兼容ie浏览器的话,就不得不回到jQuery使用,下面这种引入方式足矣 <script>document.write('<script src=' +('proto' in......

leona_lily
2015/12/04
32
0
[强贴转]跨浏览器开发工作小结

from:http://www.cnblogs.com/eagle927183/p/3478206.html 总结的太好了,不得不转. 本篇小结是在2011年时候总结的,当时做一个产品的跨浏览器兼容工作,由于产品开发的时间比较早,最开始只能...

BIBD
2013/12/19
175
1
php中这种写法到底是怎么回事

说来确实挺让人疑惑的,一个商城的手机端,其中每个页面是一个静态页html,其中包含着<%%>标签 比如 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 上面...

ziluopao
2016/06/07
366
5
超级简单的 AngularJS 应用 —— 实时创建 vCard

下载源码 - 93.5 KB 简介 在这个例子中,我引用了包括AngularJS在内的一些JavaScript库,实现了一个很简单的名片生成器。 尽管在这个小应用中,AngularJS库相较于其他JavaScript库来说做的事...

oschina
2014/09/05
6.6K
6
mybatis怎么智能判断数据是否需要插入?

mybatis怎么智能判断数据是否需要插入? 前端传了10条数据, Controler转化为一个List如下面这样的: {msg:[{id:1,content:"未修改"},{id:2,content:"未修改"},{id:2,content:"已经修改"}....]......

布尔值
2016/10/13
1K
6

没有更多内容

加载失败,请刷新页面

加载更多

在浏览器中进行深度学习:TensorFlow.js (十一)时间序列预测

时间序列是对某一个或者一组变量 x(t) 进行观察测量,将在一系列时刻 t1,t2,⋯,tn 所得到的离散数字组成的序列集合。 时间序列预测的机器学习的一种常见应用,例如预测股票和金融产品价格走势...

naughty
29分钟前
6
0
sqlserver 版 try catch

格式 begin try--SQL end try begin catch --sql (处理出错动作)end catch 我们将可能会出错的sql 写在begin try...end try 之间,若出错,刚程序就跳到紧接着的begin try...end t...

轻轻的走过
36分钟前
2
0
# Solr搜索引擎 — SolrCloud介绍和环境准备

搞定了一切的一切之后下一步就是正式使用了,但是之前介绍的都是在单台服务器上进行的部署,如果在生产环境出现了单台故障怎么办呢?提供稳定性和性能的最直观的方式就是集群,solr官方提供了...

喵了_个咪
37分钟前
7
0
C++,Windows/MFC_中L和_T()之区别

字符串前面加L表示该字符串是Unicode字符串。 _T是一个宏,如果项目使用了Unicode字符集(定义了UNICODE宏),则自动在字符串前面加上L,否则字符串不变。因此,Visual C++里边定义字符串的时...

rainbowcode
38分钟前
2
0
DNS原理及劫持问题

对于互联网,人们总是高谈阔论,却很少有人愿意去了解电脑、手机、电视这些设备到底是如何被“连接”起来的。本文通过“我”,一个普通的网络请求的视角,给大家介绍下“我”的工作流程是如何...

老孟的Linux私房菜
41分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部