- 相信大家都有这样的需求:网站密码用久了,我们会经常的去修改一下,以保证自己信息的安全。不知道大家在修改的过程中,有没有见过这样的业务逻辑:
- 1.当你输入原密码后,网站会为你检查原密码填写是否正确;
- 2.当你输入新密码后,为保证正确性,网站会要求重新输入一遍,然后网站会为你检测两次输入是否一致。
- 那么,上面两条逻辑是如何实现的呢?下面我们来看一个例子,一个很简单的例子(卖弄了呵呵):
- 代码片段一:
- <script language="javascript">
- function check()
- {
- var userPwReal="${sessionScope.admin.apassword}";
- if(document.formPw.apassword.value !=userPwReal)
- {
- alert("原密码不正确");
- return ;
- }
- if(document.formPw.userPw1.value =="")
- {
- alert("新密码不能空");
- return ;
- }
- if(document.formPw.userPw1.value != document.formPw.userPw2.value)
- {
- alert("两次输入的密码不一致");
- return ;
- }
- }
- </script>
- 代码片段二:
- <tr bgcolor="#FFFFFF">
- <td width="25%" bgcolor="#FFFFFF" align="right">
- 登录名:
- </td>
- <td width="75%" bgcolor="#FFFFFF">
- <input type="text" value="${sessionScope.admin.aname }" name="admin.aname" size="20" readonly/>
- </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td width="25%" bgcolor="#FFFFFF" align="right">
- 原密码:
- </td>
- <td width="75%" bgcolor="#FFFFFF">
- <input type="password" id="apassword" size="22"/>
- </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td width="25%" bgcolor="#FFFFFF" align="right">
- 新密码:
- </td>
- <td width="75%" bgcolor="#FFFFFF">
- <input type="password" id="userPw1" size="22"/>
- </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td width="25%" bgcolor="#FFFFFF" align="right">
- 确认密码:
- </td>
- <td width="75%" bgcolor="#FFFFFF">
- <input type="password" name="userPw2" size="22"/>
- </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td width="25%" bgcolor="#FFFFFF" align="right">
- </td>
- <td width="75%" bgcolor="#FFFFFF">
- <input type="button" value="修改" onclick="check()"/>
- <input type="reset" value="重置"/>
- <img id="indicator" src1="img/loading.gif" alt="Loading..." style="display:none"/>
- </td>
- </tr>
- 这两段代码就能实现上面我们所提到的两个功能:
- 1.首先看代码片段二,这里面其实就是一个表单提交了两个属性,用户名与密码,当然这不是重点,重点是我们在“修改”那个button上面绑定了一个onclick事件,当你点击修改按钮时,便会调用代码片段一里面的check方法。
- 2.代码片段一里面的js代码,可以很容易的看出,它先将session里面绑定的密码取出(因为我们登录系统的时候,会将用户信息存入session中),然后得到你输入的旧密码,再将两个密码相比较,如果不一样,便返回一个警告。
- 新密码作比较的逻辑也是这样~
- //该片段来自于http://www.codesnippet.cn/detail/141020136404.html
来源: http://www.codesnippet.cn/detail/141020136404.html