表单提交Jquery

$(document).ready(function(){
    $(".tab-a").on("click", function(){
        
        var _this = $(this);
        var _target = _this.attr("data-target");
        
        
        var _html = _this.attr("data-html");
        $(".loginContainer").hide();
        $(_target).show();
        $(".login-h2").html(_html);
        
    });
    
    
    /*************
     *
     * 登录
     */
    $(".commit-login").on("click", function(){
        
        var _loginName = $(".login-name").val();
        var _loginPwd = $(".login-pwd").val();
        var _parentObj = $(this).parents(".loginContainer");
        if(_loginName.length <= 0 || _loginPwd <=0){
            showError(_errorArray.loginEmpty, _parentObj);
            return;
        }
        else{
            $("#form_login").submit();
        }
        
        
    });
    
    /*
     *
     *注册
     */
    $(".commit-register").on("click", function(){
        
        var _registerMail = $(".register-mail").val();
        var _registerName = $(".register-name").val();
        var _registerPwd = $(".register-pwd").val();
        var _registerPwd2 = $(".register-pwd2").val();
        var _parentObj = $(this).parents(".loginContainer");
        
        
        if(_registerMail.length <= 0){
            showError(_errorArray.registerMailEmpty, _parentObj);
            return;
        }
        else if(!_registerMail.match(/^\w+@\w+\.(com|cn)$/)){
            showError(_errorArray.registerMailError, _parentObj);
            return;
        }
        else if(_registerName.length <= 0){
            showError(_errorArray.registerNameEmpty, _parentObj);
            return;
        }
        else if(_registerPwd.length <= 0){
            showError(_errorArray.registerPwdEmpty, _parentObj);
            return;
        }
        else if(6 > _registerPwd.length || _registerPwd.length > 32){
            showError(_errorArray.registerPwdError, _parentObj);
            return;
        }
        else if(_registerPwd != _registerPwd2){
            showError(_errorArray.registerPwdNotSame, _parentObj);
            return;
        }else{
            $("#form_reg").submit();
            
        }
        
        
    });
    
    
    /**
     * 验证邮箱是否存在
     */
    
    $(".register-mail").blur(function() {
        var validateUsername = $('#validateUsername');
        var t = this;
        if(t.value=="")
            {
            validateUsername.html("<font color='red'>邮箱帐户不能为空</font>");
            return;
            }
                      if (this.value != this.lastValue) {        
                 if (this.timer) clearTimeout(this.timer);
                    validateUsername.html('用户名检测中...');
                    this.timer = setTimeout(function () {
                        $.ajax({
        type: "POST",
        url:"/Inhome/reg/ajaxReg/",
        data: 'email=' + t.value,
        
        success: function(msg){
            //console.log(msg);
        if(msg==1) validateUsername.html("<font color='red'>该用户名已存在</font>");
        else validateUsername.html("<font color='red'>该用户名可用</font>");
        }
                        });
                    }, 200);
                    this.lastValue = this.value;
                }
        });
    
    
    /*************
     *
     * 找回密码
     */
    $(".commit-pwd").on("click", function(){
        
        var _getPwdPwd = $(".getPwd-pwd").val();
        var _parentObj = $(this).parents(".loginContainer");
        if(_getPwdPwd.length <= 0){
            showError(_errorArray.registerMailEmpty, _parentObj);
            return;
        }
        else if(!_getPwdPwd.match(/^\w+@\w+\.(com|cn)$/)){
            showError(_errorArray.registerMailError, _parentObj);
            return;
        }
        else{
            $("#form_email").submit();
            
        }
        
        
    });
    
    var _errorArray = {
        loginEmpty : "请输入用户名和密码",
        loginError : "用户名密码错误",
        registerMailEmpty : "邮箱不能为空",
        registerMailError : "邮箱格式错误",
        registerMailHasUse : "邮箱已被使用",
        registerNameEmpty : "昵称不能为空",
        registerNameHasUse : "昵称已被占用",
        registerPwdEmpty : "密码不能为空",
        registerPwdError : "密码格式错误",
        registerPwdNotSame : "两次密码输入不一致,请重新输入"
    };
    
    function showError(_error, obj){
       
        var _obj = obj.find(".error");
        _obj.html(_error).show();


    }
    
});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值