js正则验证强密码
来源：互联网 发布：淘宝怎么看同行点击率 编辑：程序博客网 时间：2024/04/29 21:23
<!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" onclick="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;
}
}
- js正则验证强密码
- JS正则密码验证
- JS的常用正则表达式 验证密码
- JS的常用正则表达式 验证密码
- JS的常用正则表达式 验证密码
- js用正则进行密码强度验证
- 正则表达式 强密码
- 强密码的正则
- 正则--强密码校验
- 初学js正则表达式之密码强度验证
- 使用js和正则表达式验证邮箱、手机号码、密码等
- 初学js正则表达式之密码强度验证
- js正则表达式验证手机号，邮箱，QQ，密码
- JS的常用正则表达式 验证密码用户名等
- 【JavaScript 学习--08】Js用户新密码正则验证
- 密码验证正则
- 正则表达式验证密码
- JS的常用正则表达式 验证密码用户名等JS正则
- sql语法：inner join on, left join on, right join on详细使用方法
- Leetcode no. 208
- android 基础 加密 简易加密BASE64Decoder
- Android学习系列(29)--App调试的几个命令实践
- Tomcat的部署和路径的加载
- js正则验证强密码
- nginx配置账号访问
- 度量快速开发平台：网格部件焦点行数据实现窗体功能的显示与隐藏控制
- iOS 关于UIViewAutoresizing autoresizingMask的记录
- 网站地图Sitemap.xml笔记
- Mysql的行锁
- Android下拉刷新上拉加载控件，对所有View通用！
- jquery选项卡切换
- CocoPods的使用步骤
