javascript - jquery验证问题
阿神
阿神 2017-04-10 16:10:22
[JavaScript讨论组]

下面的js在init里的new了一个对象,然后再用对象下的方法去验证对象这个有
什么作用(意义)?

$(document).ready(function() {
    var Login = (function(){
        var $form = $("#login-form"),
            $error_tip = $("#error-tip"),
            $vel_img = $("#validateImg");

        function Module(){
            this.urls = {
                do_login: 'userLogin'
            };
        }
        Module.prototype = {
            _doLogin: function(_this, $login_btn, data){
                $.ajax({
                    url: _this.urls.do_login,
                    type: 'POST',
                    dataType: 'json',
                    data: data,
                    success: function(response){
                        //成功后操作
                    },
                    error: function(){
                        //失败后操作
                    }
                });
            },

            bindKey: function(_this){
                $form.on("keyup", "input", function(event) {
                    event.preventDefault();
                    var $this = $(this), val = $.trim($this.val());
                    if(event.keyCode == 13){
                        if(_this.check_login()){
                            var data = $form.serialize();
                            _this._doLogin(_this, $this, data);
                        }
                    }
                });
            },

            bindSubmit: function(_this){
                $form.on("click", ".btn-login", function(){
                    var $this = $(this);
                    if(_this.check_login()){
                        var data = $form.serialize();
                        _this._doLogin(_this, $this, data);
                    }
                });
            }
        };

        Module.prototype.check_login = function(){
            var $userName = $form.find("input[name='name']"),
                $password = $form.find("input[name='password']"),
                userName = $.trim($userName.val()),
                password = $.trim($password.val());

            if (userName == ""){
                $error_tip.text("请输入用户名").show();
                $userName.focus();
                return false;
            }else if(password == ""){
                $error_tip.text("请输入密码").show();
                $password.focus();
                return false;
            }
            return true;
        };
        return {
            init: function(){
                var mod = new Module();
                mod.bindKey(mod);
                mod.bindSubmit(mod);
                mod.bindValidateImgChange(mod);
            }
        };
    })();
    Login.init();
});
<form id="login-form" onsubmit="return false">
            <h3>登录</h3>
            <p id="error-tip">
                
            </p>
            <p class="form-group">
                <label>用户名</label>
                <input type="text" autocomplete="off" placeholder="请输入用户名" name="name"/>
            </p>
            <p class="form-group">
                <label>密码</label>
                <input type="password" autocomplete="off" placeholder="请输入密码" name="password"/>
            </p>
            <p class="form-actions">
                <button type="submit" class="btn btn-login">登录</button>
            </p>
        </form>
阿神
阿神

闭关修行中......

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号