js修改密码

function check(form){
  
  let oldPassword= $("#inputOldPassword").val(),newPassword = $("#inputNewPassword").val(),confirmPass=$("#confirmNewPassword").val();


    if(oldPassword=='') {
      showMsg("输入的原密码为空");
      return false;
    }else if (oldPassword!=userPasswordOld) {
      showMsg("输入的原密码错误");
      return false;

    }else if (newPassword=='' || confirmPass=='') {
      showMsg("输入的新密码为空");
      return false;
    }else if (newPassword.indexOf(' ')>=0) {
      //indexOf方法可返回某个指定的字符串值在字符串中首次出现的位置。
      showMsg("新密码不能包含空格");
      return false;

    }else if (newPassword != confirmPass) {
      showMsg("两次输入的密码不一致");
      return false;
    }else if(checkPass(newPassword)){
      showMsg("请重新设置!新密码需至少6位最多12位");
      return false;
    }
    showMsg("成功");
    return true;
  
 
 
  
 
}

 

设置眼睛图标

https://www.iconfont.cn/search/index?searchType=icon&q=眼睛

function eyeseOpen(){
  let imgeyes=document.getElementById('imgeyes');
 
  imgeyes.src.indexOf('eyes-close')>=0 ? imgeyes.src='img/eyes-open.svg': imgeyes.src='img/eyes-close.svg';
  let inputPass=document.getElementsByClassName('inputPwd');
  for (var i = 0; i < inputPass.length; i++) {
    inputPass[i].type=='text'?inputPass[i].type='password' : inputPass[i].type='text';
  }
}

 

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现JS修改密码功能,需要以下步骤: 1. 创建一个表单,包括原密码、新密码和确认密码三个输入框。 2. 在表单提交时,使用JS获取原密码、新密码和确认密码的值。 3. 验证原密码是否正确。可以通过AJAX请求将原密码发送给服务器验证,或者在前端使用加密算法对原密码进行加密后和预先存储的加密后的密码进行比较。 4. 验证新密码和确认密码是否一致。如果不一致,提示用户重新输入。 5. 如果验证通过,将新密码发送给服务器进行更新。 以下是一个示例代码: ```html <form id="change-password-form"> <label for="old-password">原密码:</label> <input type="password" id="old-password" name="old-password"><br> <label for="new-password">新密码:</label> <input type="password" id="new-password" name="new-password"><br> <label for="confirm-password">确认密码:</label> <input type="password" id="confirm-password" name="confirm-password"><br> <button type="submit">提交</button> </form> <script> const form = document.querySelector('#change-password-form'); form.addEventListener('submit', (event) => { event.preventDefault(); const oldPassword = document.querySelector('#old-password').value; const newPassword = document.querySelector('#new-password').value; const confirmPassword = document.querySelector('#confirm-password').value; // 验证原密码是否正确 // ... // 验证新密码和确认密码是否一致 if (newPassword !== confirmPassword) { alert('新密码和确认密码不一致,请重新输入!'); return; } // 发送新密码到服务器进行更新 // ... }); </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值