js正则验证强密码

于 2016-05-27 16:48:55 发布
阅读量1k 收藏
点赞数
分类专栏： javaEE 文章标签： js 正则 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/javahepeng/article/details/51518019
版权

<!doctype html>
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="../../common/commonVar.jsp"%>
<title><%=title%></title>
<jsp:include page="../../common/commonMeta.jsp" />
<jsp:include page="../../common/commonCSS.jsp" />
<link rel="stylesheet" type="text/css" href="<%=STATIC_HOME_V2%>/tools/bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="<%=STATIC_HOME_V2%>/tools/zebra/css/default/zebra_dialog.css">
<link rel="stylesheet" type="text/css" href="<%=CSS_HOME_V2 %>/common/common.css">
<link rel="stylesheet" type="text/css" href="<%=CSS_HOME_V2 %>/modules/center/changePW.css">


</head>
<style type="text/css">
    .btn {
        margin: 0 4px;
        background: #d71920;
        color:#fff;
        border-radius:4px !important;
        -moz-border-radius:4px !important;
        -webkit-border-radius: 4px !important;
    }
</style>
<body>
<form id="passwordForm">
<div class="userbox2" style="height:400px;">
      <div class="user_widtleft">
      <div class="user_title">密码修改</div>
      <div class="padding5">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" class=" font12">
     
  <tr>
    <td width="16%" align="right"><span class="redstart">*</span>原始密码：</td>
    <td width="84%" style="position:relative;">
       <input id="Bd_regUserPW1" type="password"  name="password" class="form-control input-sm " style="width:260px; ">
<div id="passwordTip" style=" color:red; position:absolute; left:270px; top:0; font-weight:bold; min-width:100px;">
<p class="error">
<span id="span_error" style="display:block;"></span>
</p>
</div>  

    </td>
  </tr>
  <tr>
    <td align="right"><span class="redstart">*</span>新密码：</td>
    <td><input id="Bd_regUserPWNew"   type="password"   name="passwordNew"  class="form-control input-sm " style="width:260px; "></td>
  </tr>
  <tr>
    <td align="right"> <span class="redstart">*</span>密码确认：</td>
    <td><input id="sBd_regUserPWqConirm"   type="password"  name="passwordConfirm" class="form-control input-sm " style="width:260px; "></td>
  </tr>
 <%-- <tr>
    <td align="right"><span class="redstart">*</span>短信验证码：</td>
    <td><input id="sName10" type="text" class="form-control input-sm "  style="width:100px; ">
      <a href="#">获取验证码</a></td> 
  </tr>--%>
      </table>
</div>
      <div class="padding5"></div>
<div style="padding-left:200px; padding-top:15px;"> <button type="button" class="btn btn-default btn-sm"  id="savePasswordBtn"  οnclick="savePassword();" style="font-family: 微软雅黑">修改</button></div>


       </div>
            <div class="user_widthright"><iframe name="topFrame"  scrolling="No" marginwidth="0"
marginheight="0" src="${pageContext.request.contextPath}/dispatcher/center/getShouye2" noresize="noresize" height="100%"
width="100%" frameborder="no" border="0" id="iframepage"  ></iframe></div>
      </div> 
     
      <div class="clea"></div>
</div>
</form>


<jsp:include page="../../common/commonHTML.jsp"/>
<jsp:include page="../../common/commonJS.jsp"/>


<script src="<%=STATIC_HOME_V2%>/tools/jquery/jquery-1.8.3.min.js"></script>
  <script  src="<%=STATIC_HOME_V2%>/tools/jqueryPlugins/validate/js/jquery.validate.min.js"></script>
  <script   src="<%=STATIC_HOME_V2%>/tools/jqueryPlugins/validate/js/jquery.validate.extend.js"></script>
  <script src="<%=STATIC_HOME_V2%>/tools/bootstrap/js/bootstrap.min.js"></script>
  <script src="<%=STATIC_HOME_V2%>/tools/zebra/javascript/zebra_dialog.src.js"></script>
<script src="<%=JS＿HOME_V2 %>/jsLibrary/cookie.js"></script>
<script src="<%=JS＿HOME_V2 %>/jsLibrary/md5.js"></script>
 <script  src="<%=JS＿HOME_V2 %>/modules/center/changePW.js"></script> 
<script src="<%=JS＿HOME_V2 %>/common/messages_zh.js"></script>




 <script type="text/javascript">


    function iFrameHeight() {
        var ifm= document.getElementById("iframepage");
        var subWeb = document.frames ? document.frames["iframepage"].document :
ifm.contentDocument;
            if(ifm != null && subWeb != null) {
            ifm.height = subWeb.body.scrollHeight;
            }
    }


  


</script> 


</body>


</html>


















-------------------------------------------------------js-----------------------------------------------------


function savePassword(){
$("#savePasswordBtn").attr('disabled',true);
var result = validateSavePassword();
if(result==false){
$("#passwordTip").hide();
}
if(result){
$.ajax({
url : DISPATCHER_PATH + '/user/savePassword',
type : "POST",
dataType : 'json',

data : {
//userName : $("#Bd_regUserName").val(),
password : hex_md5($("#Bd_regUserPW1").val()),
passwordNew : hex_md5($("#Bd_regUserPWNew").val())
},

success : function(data) {
if (data.result) {
// 修改成功
$.Zebra_Dialog('修改成功，请使用新密码重新登录！',{
        'type' : 'confirmation',
        'auto_close' : 7000,
        'onClose':function(caption){
        $.ajax({
url : DISPATCHER_PATH + '/user/logout',
type : "POST",
dataType : 'json',
success : function(data) {
if (data.result) {
// 退出成功
window.parent.location=DISPATCHER_PATH+"/home?current=login";
} else {
// 退出失败
$.Zebra_Dialog('退出失败',{
'type' : 'warning.',
'buttons' : ['关闭']
});
}


}
});
        // window.parent.location=DISPATCHER_PATH+"/home?current=login";
           },
        'buttons' : ['确定']
        });
$("#savePasswordBtn").attr('disabled',false);
$("#passwordTip").show().find("p").show().find("span").hide();

setTimeout(function(){   
$.ajax({
url : DISPATCHER_PATH + '/user/logout',
type : "POST",
dataType : 'json',
success : function(data) {
if (data.result) {
// 退出成功
window.parent.location=DISPATCHER_PATH+"/home?current=login";
} else {
// 退出失败
$.Zebra_Dialog('退出失败',{
'type' : 'warning.',
'buttons' : ['关闭']
});
}


}
});

//window.parent.location=DISPATCHER_PATH+"/home?current=login";
},3000);


} else {
// 修改失败
$("#passwordTip").show().find("p").show().find("span").html(data.errorDetail);
//$("#passwordTip").show().find("span").html(data.errorDetail);
$("#savePasswordBtn").attr('disabled',false);
}

},
   error: function(){
    $("#savePasswordBtn").attr('disabled',false);
  showSystemError();
  }
});
}else{
$("#savePasswordBtn").attr('disabled',false);
}

}


function validateSavePassword(){
var passwordForm = $("#passwordForm");
passwordForm.validate({
rules: {
password:{
required: true
},
passwordNew: {
required: true,
minlength:8,
maxlength:20,
same:true,
regexPassword:true
},
passwordConfirm: {
required: true,
equalTo: "#Bd_regUserPWNew"
}
        },
        messages:{
        password:{
required: "请输入原密码"
},
passwordNew: {
        required: "请输入新密码",
        minlength:"新密码最少8位",
maxlength:"新密码最长20位",
regexPassword: '密码至少包一个大写字母、一个小写字母及一个符号，长度至少8位'
        //,invalidMethod: "密码不能输入符号<>;",
        },
        passwordConfirm: {
    required: "请输入确认密码",
   equalTo: "两次密码输入不一致"
        }
        },
        showErrors: function(errorMap, errorList) {
 //       $("#passwordTip").show().find("p").find("span").html(this.defaultShowErrors());
        $("#passwordTip").hide();
        this.defaultShowErrors();
        },
 //       errorLabelContainer: $("#passwordTip").show().find("p")
});
jQuery.validator.addMethod("same", function(value, element) {  
         return this.optional(element) || same(value);  
     }, "新密码不能与旧密码重复");  




     function same(pwd) {  
         var oldPwd = $("#Bd_regUserPW1").val();  
         if (oldPwd == pwd)  
             return false;  
         else  
             return true;  
     }
     function samehfpwd(pwd) {  
         
         if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd) && /[0-9]/.test(pwd) && /[-\.&#=+@_]/.test(pwd))  
             return true;  
         else  
             return false;  
     }
     
    
     jQuery.validator.addMethod("regexPassword", function(value, element) {  
    return this.optional(element) || samehfpwd(value); 
    }, "密码至少包一个大写字母、一个小写字母及一个符号");
//alert("passwordForm.valid()="+passwordForm.valid());
if(passwordForm.valid()){
return true;
}else{
return false;
}
}


评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值