$(document).ready( function() { var InterValObj; // timer变量,控制时间 var count = 299; // 间隔秒数,5分钟 var curCount;// 当前剩余秒数 $("#dong").click(function() { curCount = count;// 设置button效果,开始计时 $("#dong").attr("disabled", "true"); $("#dong").val(curCount + "秒内输入验证码"); var phoneNum = $("#mobile").val(); InterValObj = window.setInterval(SetRemainTime, 1000); // 启动计时器,1秒执行一次 // //向后台发送处理数据 $.ajax({ type : "POST", // 用POST方式传输 dataType : "JSON", // 数据格式:JSON url : base + '/gxdlrGetCaptcha?phoneNum=' + phoneNum + '&action=0', // 目标地址 error : function(XMLHttpRequest, textStatus, errorThrown) { }, success : function(msg) { } }); }); // timer处理函数 function SetRemainTime() { if (curCount == 0) { window.clearInterval(InterValObj);// 停止计时器 $("#dong").removeAttr("disabled");// 启用按钮 $("#dong").val("重新发送验证码"); } else { curCount--; $("#dong").val(curCount + "秒内输入验证码"); } } // 登录切换 $(".login-switch span").click(function() { $(this).removeClass("login-disable"); $(this).addClass("login-able"); $(this).siblings().removeClass("login-able"); $(this).siblings().addClass("login-disable"); }); $("#login-1").click(function() { $(".login-normal").show(); $(".login-dynamic").hide(); }); $("#login-2").click(function() { $(".login-normal").hide(); $(".login-dynamic").show(); }); // 激活发送验证码 $("#mobile").blur(function() { if (/^1[3|5|7|8][0-9]\d{8}$/.test($(this).val())) { $("#dong").removeAttr("disabled");// 启用按钮 $("#dong").css("background-color", "white"); $("#dong").css("color", "orange"); } }) // 找回密码 $("#step-btm-1").click(function() { $("#findpass-box-1").hide(); $("#findpass-box-2").show(); $("#findpass-box-3").hide(); }) $("#step-btm-2").click(function() { $("#findpass-box-1").hide(); $("#findpass-box-2").hide(); $("#findpass-box-3").show(); }) $("#step-btm-3").click(function() { $("#findpass-box-1").hide(); $("#findpass-box-2").hide(); $("#findpass-box-3").hide(); $("#findpass-success-box").show(); }) $(".input-line input").focus( function() { $(this).nextAll(".flw-tip").show(); $(this).parent().siblings().find("input").nextAll( ".flw-tip").hide(); $(this).nextAll(".error").hide(); }) $(".input-line input").keyup(function() { $(this).nextAll(".error").hide(); }) $("#username").blur(function() { if (/.+@.+\.[a-zA-Z]{2,4}$/.test($(this).val())) { $(".img-code").show(); $("#btnSendCode").hide(); $("#switch").show(); } else if (/^1[3|5|7|8][0-9]\d{8}$/.test($(this).val())) { $(".img-code").hide(); $("#btnSendCode").show(); $("#switch").hide(); } }) $(".input-line input").blur(function() { $(this).nextAll(".flw-tip").hide(); }) // 登录聚焦或移开 // $("#username").focus(function(){ // $(this).attr("placeholder", ""); // }) // // $("#username").blur(function(){ // $(this).attr("placeholder", "请输入手机号/邮箱"); // }) // // $("#password").focus(function(){ // $(this).attr("placeholder", ""); // }) // // $("#password").blur(function(){ // $(this).attr("placeholder", "请输入密码"); // }) // // $("#cfm-password").focus(function(){ // $(this).attr("placeholder", ""); // }) // // $("#cfm-password").blur(function(){ // $(this).attr("placeholder", "请再次输入密码"); // }) // $("#dy-username").focus(function() { $(this).attr("placeholder", ""); }) $("#dy-username").blur(function() { $(this).attr("placeholder", "手机号"); }) // 自定义手机号或邮箱验证方法 $.validator.addMethod("af", function(value, element) { if ((value != "" && (/^1[3|5|7|8][0-9]\d{8}$/ .test(value))) || (value != "" && (/.+@.+\.[a-zA-Z]{2,4}$/ .test(value)))) { return true; } else { return false; } }, "请输入不含非法字符的正确的手机号"); // 注册验证开始 $("#register-form").validate( { rules : { username : { required : true, remote : { url : base + "/checkAccountAvalible", // 后台处理程序 type : "post", // 数据发送方式 dataType : "json", // 接受数据格式 data : { // 要传递的数据 username : function() { return $("#username").val(); } }, dataFilter : function(data, type) {// 判断控制器返回的内容 var d = $.parseJSON(data); if (d.code == 1 && d.status == "okay") { if (d.obj == true)// yicunzai { return false; } else { return true; } } else if (d.code == -1 && d.status == "error") { return false; } } }, af : {} }, password : { required : true, minlength : 6 }, cfm_password : { required : true, minlength : 6, equalTo : "#password" }, ihadred : { required : true }, captcha : { required : true }, kcaptcha_reg : { required : true } }, messages : { username : { required : "不能为空", remote : "账号已存在哦", af : "请输入手机号", }, password : { required : "请输入密码", }, cfm_password : { required : "请输入确认密码", minlength : "确认密码不能小于6个字符", equalTo : "两次输入密码不一致" }, ihadred : { required : "请勾选" }, captcha : { required : "请输入短信验证码" }, kcaptcha_reg : { required : "请输入验证码" } } }); // 普通登录验证开始 $("#login-normal-form").validate({ rules : { username : { required : true, af : {} }, password : { required : true, minlength : 6 }, kcaptcha_login : { required : true } }, messages : { username : { required : "不能为空", af : "请输入手机号", }, password : { required : "请输入密码", }, kcaptcha_login : { required : "请输入下图验证码", } } }); //动态登录验证开始 $("#login-dynamic-form").validate({ rules : { mobile : { required : true, af : {} } }, messages : { mobile : { required : "不能为空", af : "请输入手机号", } } }); });