前端修改密码功能用jQuery怎么写?记录一下
思路:
1、想要实现修改密码,你肯定要先输入原始密码,所以第一步你应该获取输入的原始密码,然后去进行验证,看是否正确,如果不正确,给出提示。
2、当原始密码输入正确的时候,你就可以输入新密码了,那么新密码肯定有一定的输入规则,比如输入6-18位,比如必须包含字母或者数字或者特殊符号,这就需要根据你的具体需求去定。如果用户输入的密码,不符合你指定的规则,给出提示。
3、当新密码符合要求时,你就得再次输入一次确认密码,同理,你需要去判断输入的密码,与你刚才输入的是否一致,如果不一致,就得给出提示。
4、当全部输入完成时,就可以点击保存按钮提交了。
5、还需要注意的是,当用户只输入一部分内容,或者啥都没输入的时候,点击保存按钮,你得提示用户。
大概思路就是这样的,下面不废话,直接看代码。
<tbody>
<tr>
<td class="td_left">旧密码 </td>
<td class="td_right"><input type="password" id="oldpassword" name="oldpassword" placeholder="请输入原密码">
<div style="display: inline" id="tip1"></div>
</td>
</tr>
<tr>
<td class="td_left">新密码 </td>
<td class="td_right"><input type="password" id="password1" name="password1" placeholder="请输入6到18位新密码">
<div style="display: inline" id="tip2"></div>
</td>
</tr>
<tr>
<td class="td_left">新密码确认 </td>
<td class