开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 1709|回复: 2
收起左侧

[JS例程分享] js(json)登录验证

[复制链接]

结帖率:33% (1/3)
发表于 2013-2-20 20:27:19 | 显示全部楼层 |阅读模式   上海市上海市
一般的项目都可以用到的
  1. var user_login = {
  2. /**
  3. * 初始化的函数,定义一些当页面加载就出发的东西
  4. */
  5.     initEvent: function(){
  6.         $("#subnitButt1").mouseover(function(){
  7.             this.src = "image/login_submitBtn2.gif";
  8.         }).mouseout(function(){
  9.             this.src = "image/login_submitBt1.gif";
  10.         }).click(function(){
  11.             user_login.submitForm();
  12.         });
  13.         //定义验证码图片框
  14.         var oVCode = $("input[name=vcode]");
  15.         var pos = getAbsPostion(oVCode);
  16.         var left = pos.left;
  17.         var top = pos.top + oVCode[0].offsetHeight + 2;
  18.         $("div.validateCodeDiv").click(function(){
  19.             user_login.changeCode();//改变图片
  20.             event.stopPropagation();
  21.         });
  22.     },
  23.     /**
  24.      * form
  25.      * 表单提交的函数
  26.      */
  27.     submitForm: function(){
  28.         var oAcc = $("input[name=account]");
  29.         if (oAcc.val().trim().length == 0) {
  30.             $("#messBox").html("请输入用户名");
  31.             oAcc.focus();
  32.             return;
  33.         }
  34.         var oPass = $("input[name=passwd]");
  35.         if (oPass.val().trim() == 0) {
  36.             $("#messBox").html("清输入密码");
  37.             oPass.focus();
  38.             return;
  39.         }
  40.         var oVcode = $("input[name=vcode]");
  41.         if (oVcode.val().trim().length == 0) {
  42.             $("#messBox").html("请输入验证码");
  43.             oVcode.focus();
  44.             return;
  45.         }
  46.         var url = "userLogin.do";
  47.         var para = getFormPara("from[name=frml]");
  48.         $.post(url, para, function(data){
  49.             if (data == "vcode error") {//这个data的数值是后台返回的
  50.                 $("#messBox").html("验证码错误");
  51.             }
  52.             else  
  53.                 if (data == "userpass error") {
  54.                     $("#messBox").html("用户名或密码错误");
  55.                 }
  56.                 else {
  57.                     location = "home.do";
  58.                 }
  59.             user_login.changeCode();
  60.         });
  61.     },
  62.     //改变验证码图片的颜色
  63.     showHideVcodeImg: function(){
  64.   $("input[name=account],input[name=passwd],#submitBtn").click(function(){
  65. $("div.validateCodeDiv").css("display","none");
  66. }).focus(function(){
  67. $("div.validateCodeDiv").css("display", "block");
  68. });
  69. $(document).click(function(){
  70. $("div.validateCodeDiv").css("display", "none");
  71. });   
  72.     },
  73. //改变验证码的函数
  74. changeCode:function(){
  75. $("imgVcode").attr("src","servlet/getVcode?ts="+new Date().getTime());
  76. }
  77. };
  78. /**
  79. * 当页面加载哦时候就调用initEvent()函数
  80. */
  81. $().ready(function(){
  82. user_login.initEvent();
  83. });
复制代码
结帖率:52% (14/27)
发表于 2013-2-20 20:55:49 | 显示全部楼层   湖北省荆州市
http://bbs.125.la/thread-13633722-1-1.html
回复 支持 反对

使用道具 举报

结帖率:52% (14/27)
发表于 2013-2-20 20:31:17 | 显示全部楼层   湖北省荆州市
这个我也发过了。

点评

我没搜索到。   上海市上海市  发表于 2013-2-20 20:53
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
网站简介:精易论坛成立于2009年,是一个程序设计学习交流技术论坛,隶属于揭阳市揭东区精易科技有限公司所有。
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表