js登录验证与提交

<script>

var refer=‘https://www.juhe.cn/myData/index/checked/0‘;

var active =‘‘

$(document).ready(function(){

nslog(1200);

if(active!=‘‘)

{

nslog(1201);

layer.msg(‘账号激活成功‘, {icon: 1,time: 1500}, function(){});

}

$("#loginBtn").click(function(){

$(‘.sysError‘).css(‘display‘,‘none‘);

$(‘.errorTips‘).css(‘display‘,‘none‘);

$("#loginBtn").val(‘登录中...‘).prop("disabled",true);

var username = $("#username").val();

var userpass = $("#password").val();

var captcha = $("#captcha").val();

username = $.trim(username);

userpass = $.trim(userpass);

captcha = $.trim(captcha);

if(username.length <5){

showError(‘请输入正确格式的用户名!‘,$("#username"));

}

else if(userpass.length <6){

showError(‘请输入正确格式的密码!‘,$("#password"));

}

else if($(".loginListCode").css(‘display‘)==‘block‘ && captcha == ‘‘){

showError(‘请输入正确的验证码‘,$("#captcha"));

}

else{

$("#login_form").ajaxSubmit(function(e){

var obj  = json_parse(e);

var code = obj.code;

//当用户登录错误且次数超过3次,显示验证码

if(code != ‘1‘ && $(".loginListCode").css(‘display‘)==‘none‘ && obj.errcount>2)

{

$(".loginListCode").css(‘display‘,‘block‘);

}

if(code == ‘1‘)

{

if(refer){

window.location.href = refer;

}else{

window.location.href = ‘/account‘;

}

}

else

{

if(code == ‘-1‘){//登录数据库验证,登录失败显示

$(‘.sysError‘).show().find(‘em‘).html(obj.info);

}else if(code == ‘-4‘){//未激活状态显示

if(!isEmail(obj.email))

{

var info =‘账户未激活且未绑定邮箱,‘+‘<a href="http://crm2.qq.com/page/portalpage/wpa.php?uin=800076065&f=1&ty=1&aty=0&a=&from=6" target="_blank">联系客服</a>‘;

}

else

{

var info = obj.info+‘或&nbsp;<a id="resendEmail" href="javascript:;" username="‘+obj.username+‘" email="‘+obj.email+‘">重新发送邮件</a>‘;

}

$(‘.sysError‘).show().find(‘em‘).html(info);

}else if(code == ‘-6‘){//验证码错误显示

$(".loginListCode").css(‘display‘,‘block‘);

showError(obj.info,$("#captcha"));

}else if(code == ‘-3‘){//验证码错误显示

showError(obj.info,$("#username"));

}else{

var errcount = obj.errcount;

if(errcount>2){

$(".loginListCode").css(‘display‘,‘block‘);

}

$(‘.sysError‘).show().find(‘em‘).html(obj.info);

}

if($(".loginListCode").css(‘display‘)==‘block‘)

{

$("#captchaimg").click();

}

$("#loginBtn").val(‘登录‘).prop("disabled",false);

return false;

}

})

}

$(".sysError").on(‘click‘,‘#resendEmail‘,function(){

layer.closeAll();

layer.load(1,{shade:0.3});

var username = $(this).attr(‘username‘).trim();

var email = $(this).attr(‘email‘).trim();

if(username.length < 5 && !isEmail(email))

{

layer.msg(‘用户信息有误,请联系管理员‘,{icon:2,time:‘3000‘,shade:0.3,shadeClose:true});

return false;

}

else

{

$.post(‘/register/resendEmail‘,{username:username,email:email},function(e){

var obj = json_parse(e);

if(obj.code==‘1‘ ){

window.location.href = obj.acturl;

}

else

{

layer.closeAll()

layer.msg(obj.info,{icon:2,time:‘3000‘,shade:0.3,shadeClose:true});

}

})

}

})

})

//验证码刷新

$("#captchaimg").click(function(){

$("#vercodeImg").attr(‘src‘,‘/vercode?‘+new Date().getTime());

})

//bind keyCode=13 Event

document.onkeydown = function(e){

var ev = document.all ? window.event : e;

if(ev.keyCode==13) {

$("#loginBtn").click();

}

}

})

//错误显示

function showError(msg,selector)

{

selector.parent().find(‘.errorTips‘).find(‘em‘).html(msg)

selector.parent().find(‘.errorTips‘).fadeIn();

$("#loginBtn").val(‘登录‘).prop(‘disabled‘,false);

}

</script>

时间: 2024-10-31 10:56:36

js登录验证与提交的相关文章

js登录与注册验证

经常写js验证,感觉很麻烦,这次就把他整理贴出来,以后可以直接用了.具体介绍这里不罗嗦了,直接贴代码,相信大家都能理解代码的含义 登录验证: Jsp页面代码: <form action="userLogin.action" method="post" onsubmit="return login();" id="loginForm"> <h3>用户登录</h3> <br /> 用

解决js(ajax)提交后端的“ _xsrf&#39; argument missing from POST” 的错误

首先先简述一下CSRF: CSRF是Cross Site Request Forgery的缩写(也缩写为XSRF),直译过来就是跨站请求伪造的意思,也就是在用户会话下对某个CGI做一些GET/POST的事情——这些事情用户未必知道和愿意做,你可以把它想做HTTP会话劫持. 网站是通过cookie来识别用户的,当用户成功进行身份验证之后浏览器就会得到一个标识其身份的cookie,只要不关闭浏览器或者退出登录,以后访问 这个网站会带上这个cookie.如果这期间浏览器被人控制着请求了这个网站的url

用户登录验证Ajax实例详解

程序的思路主要是:页面加载时调用init判断客户端是否存有网站所需的cookies,如果有的话取相应cookies到服务端验证,通过验证显示成功提示,反之显示登录框,同样如果没有所需cookies也显示登录框直到用户输入正确的用户名和密码.整个过程两次用到了ajax,一次是用户输入用户名和密码点击登录按钮后,另一次是页面加载时的用户名和密码验证,其实两个过程调用的是同一个函数parseLogin,这个函数主要负责与远程(也就是"?action=login")通讯,而"?act

ThinkPHP之登录验证

我比较懒,估计写的不是很完整 <?php /** * Created by dreamcms. * User: Administrator * Date: 2016/9/5 * Time: 17:15 */ namespace Admin\Controller; use Think\Controller; class LoginController extends CommonController{ //视图显示 public function Login(){ $this->display(

Shiro安全框架入门篇(登录验证实例详解与源码)

一.Shiro框架简单介绍 Apache Shiro是Java的一个安全框架,旨在简化身份验证和授权.Shiro在JavaSE和JavaEE项目中都可以使用.它主要用来处理身份认证,授权,企业会话管理和加密等.Shiro的具体功能点如下: (1)身份认证/登录,验证用户是不是拥有相应的身份: (2)授权,即权限验证,验证某个已认证的用户是否拥有某个权限:即判断用户是否能做事情,常见的如:验证某个用户是否拥有某个角色.或者细粒度的验证某个用户对某个资源是否具有某个权限: (3)会话管理,即用户登录

3月9日(用 DBHelper 工具连接 mysql 数据库 实现登录验证)

一. 用DBHelper 与mysql 连接 实现最简单的登录验证. (1)新建 web project ----->选择src导入 DBHelper 工具包-------->选择web root 下的 index.jsp 制作一个表单(用户名,密码连个提示框以及按钮)-------->用action将这个页面提交到login.jsp进行用户名和密码的正确性验证.具体操作代码如下: 1. index.jsp <body> <form  action="logi

MVC模式编程示例-登录验证(静态)

好,上篇博客分享了本人总结的JSP-Servlet-JavaBean三层架构编程模式的实现思想和基本流程,接下来给大家分享一个MVC编程模式的实现示例-登录验证的过程,这里我仍然用的是静态的验证用户名和密码,连接数据库的过程我其他博客有,这里只是把一个实现过程告诉大家,不多说,见代码: 首先建一个JSP登录页面 其次,我们建一个Servlet类获取客户端提交的信息 然后,我们需要在web.xml配置Servlet选项,好像现在的Eclipse都是自动生成了Servlet的配置代码,不过大家还是看

SpringMVC+Apache Shiro+JPA(hibernate)案例教学(三)给Shiro登录验证加上验证码

序: 给Shiro加入验证码,有多种方式,当然你也可以通过继承修改FormAuthenticationFilter类,通过Shiro去验证验证码.具体实现请百度: 应用Shiro到Web Application(验证码实现) 而今天我要说的,既然使用的SpringMVC,为什么不直接在Controller中就处理验证码验证,让事情变的更简单一点呢? 一.新建ValidateCode.java验证码工具类 package org.shiro.demo.util; import java.util.

优化EF以及登录验证

1 ,优化ef using System.Runtime.Remoting.Messaging;//线程缓存 引用 在DAL 中 BaseDAL 中 //1.0 实例化上下文对象 /*缺点在控制器 * 在处理线程中 就会创建相同个数的ef 容器 每一次操作 都必须 savechanges */ // BaseDbContext db = new BaseDbContext(); public BaseDbContext db { get { //问线程缓存有没有 object obj = Cal