BootstrapValidator实现注册校验和登录错误提示效果

$(function () { //将checkbox渲染为icheck样式 $('input').iCheck({ checkboxClass: 'icheckbox_square-red',radioClass: 'iradio_square-red',increaseArea: '20%' // optional });

//此处为校验的核心代码
$("#register-form").bootstrapValidator({
  submitHandler: function (valiadtor,loginForm,submitButton) {

    valiadtor.defaultSubmit();
  },fields: {
    userName: {
      validators: {
        notEmpty: {
          message: '用户名不能为空'
        },stringLength: {
          /*长度提示*/
          min: 4,max: 30,message: '用户名长度必须在4到30之间'
        }
      }
    },loginName: {
      validators: {
        notEmpty: {
          message: '登录邮箱名或用户名不能为空'
        },message: '用户名长度必须在4到30之间'
        },threshold: 4,//只有4个字符以上才发送ajax请求
        remote: {
          url: "${basePath}/oauth/checkUnique",data: function (validator) {
            return {
              loginName: $("#loginName").val(),userId: null
            };
          },message: '该登录名已被使用，请使用其他登录名',delay:2000
        }
      }
    },password: {
      validators: {
        notEmpty: {
          message: '密码不能为空'
        },stringLength: {
          /*长度提示*/
          min: 6,message: '密码长度必须在6到30之间'
        },different: {//不能和用户名相同
          field: 'loginName',//需要进行比较的input name值
          message: '不能和用户名相同'
        },regexp: {
          regexp: /^[a-zA-Z0-9_.]+$/,message: '密码由数字字母下划线和.组成'
        }
      }
    },repassword: {
      message: '密码无效',validators: {
        notEmpty: {
          message: '密码不能为空'
        },stringLength: {
          min: 6,message: '用户名长度必须在6到30之间'
        },identical: {//相同
          field: 'password',message: '两次密码不一致'
        },message: '不能和用户名相同'
        },regexp: {//匹配规则
          regexp: /^[a-zA-Z0-9_.]+$/,message: '密码由数字字母下划线和.组成'
        }
      }
    }

  }
});

});

map = new HashMap(); User user = userService.getUserByLoginName(loginName); //用户不存在，校验有效 if (user == null) { map.put("valid",true); } else { //用户存在（存在的用户是当前用户，登录名一致，校验通过，否则校验不通过） if(!StrUtil.isEmpty(userId)&&userId.equals(user.getLoginName())){ map.put("valid",true); }else { map.put("valid",false); } } return map; }

roles = roleService.getRoleCodeSet(userName); if (!roles.isEmpty()) { subject.getSession().setAttribute("isAuthorized",true); return MAIN_PAGE; } else {//没有授权 msg = "您没有得到相应的授权！"; model.addAttribute("message",new ResultCode("1",msg)); subject.getSession().setAttribute("isAuthorized",false); LOGGER.error(msg); return LOGIN_PAGE; }

  } else {
    return LOGIN_PAGE;
  }
  //0 未授权 1 账号问题 2 密码错误 3 账号密码错误
} catch (IncorrectCredentialsException e) {
  msg = "登录密码错误. Password for account " + token.getPrincipal() + " was incorrect";
  model.addAttribute("message",new ResultCode("2",msg));
  LOGGER.error(msg);
} catch (ExcessiveAttemptsException e) {
  msg = "登录失败次数过多";
  model.addAttribute("message",new ResultCode("3",msg));
  LOGGER.error(msg);
} catch (LockedAccountException e) {
  msg = "帐号已被锁定. The account for username " + token.getPrincipal() + " was locked.";
  model.addAttribute("message",msg));
  LOGGER.error(msg);
} catch (DisabledAccountException e) {
  msg = "帐号已被禁用. The account for username " + token.getPrincipal() + " was disabled.";
  model.addAttribute("message",msg));
  LOGGER.error(msg);
} catch (ExpiredCredentialsException e) {
  msg = "帐号已过期. the account for username " + token.getPrincipal() + " was expired.";
  model.addAttribute("message",msg));
  LOGGER.error(msg);
} catch (UnknownAccountException e) {
  msg = "帐号不存在. There is no user with username of " + token.getPrincipal();
  model.addAttribute("message",msg));
  LOGGER.error(msg);
} catch (UnauthorizedException e) {
  msg = "您没有得到相应的授权！" + e.getMessage();
  model.addAttribute("message",msg));
  LOGGER.error(msg);
}

$(function () { $('input').iCheck({ checkboxClass: 'icheckbox_square-red',increaseArea: '20%' // optional });

  fillbackLoginForm();
  $("#login-form").bootstrapValidator({
    message:'请输入用户名/密码',submitHandler:function (valiadtor,submitButton) {
      rememberMe($("input[name='rememberMe']").is(":checked"));
      valiadtor.defaultSubmit();
    },fields:{
      userName:{
        validators:{
          notEmpty:{
            message:'登录邮箱名或用户名不能为空'
          }
        }
      },password:{
        validators:{
          notEmpty:{
            message:'密码不能为空'
          }
        }
      }
    }
  });
  <!--freemark语法，查看是否从后台传送过来错误信息，并初始化错误提示组件LoginValidator-->
  <#if message??>
    new LoginValidator({
      code:"${message.code?default('-1')}",message:"${message.message?default('')}",userName:'userName',password:'password'
    });
  </#if>
});

//使用本地缓存记住用户名密码
function rememberMe(rm_flag){
  //remember me
  if(rm_flag){
     localStorage.userName=$("input[name='userName']").val();
     localStorage.password=$("input[name='password']").val();
    localStorage.rememberMe=1;
  }
  //delete remember msg
  else{
    localStorage.userName=null;
    localStorage.password=null;
    localStorage.rememberMe=0;
  }
}

//记住回填
function fillbackLoginForm(){
  if(localStorage.rememberMe&&localStorage.rememberMe=="1"){
    $("input[name='userName']").val(localStorage.userName);
    $("input[name='password']").val(localStorage.password);
    $("input[name='rememberMe']").iCheck('check');
    $("input[name='rememberMe']").iCheck('update');
  }
}

0; }else{ return true; }

          },message:'结束时间不能小于开始时间'
        }
      }
    },"endTime":{
      validators:{
        date:{
          format:'YYYY-MM-DD HH:mm',validator){
            var startTime=$("#startTime").val();
            var endTime=value;
            if(startTime&&endTime){
              return DateDiff(endTime,message:'结束时间不能小于开始时间'
        }

      }
    },</pre>

(); try { Class objClass = Class.forName(jobClass); if(objClass!=null) map.put("valid",true); return map; } catch (Exception ex) { logger.error(ex.getMessage().toString()); map.put("valid",false); return map; } }