html判断确认密码函数代码,javascript密码强度校验代码(两种方法)

先看效果图:

3e101a022baa21e16e6d98ac96c86089.png

javascript密码强度校验代码,具体实现思路不多说了,请看下面代码和demo。

第一种方法:

/*

*密码安全程度

*return :全部为字母或者数字,或者密码长度小于

*return : 字母数字组成,或者字母特殊字符,或者数字和特殊字符

*return : 字母和数字和特殊字符

*/

String.prototype.passwordStrength=function(){

if(this.length> && this.length<=) return ;

var n = (this.search(/[a-zA-Z]/) != -) ? : ,

n = (this.search(/[-]/) != -) ? : ,

n =(this.search(/[\~\`\!\@\#\$\%\^\&\*\(\)\_\+\-\=\[\]|{\}\;\'\:\"\,\.\/\\?]{,}/) != -) ? : ;

return n+n+n;

}

demo

js密码强度

.pw_letter{ margin-top:px; font-size: px; }

.pw_letter labe

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个微信小程序登录的示例代码: 1. 在 wxml 文件添加输入框和登录按钮: ``` <!-- 账号输入框 --> <input type="text" placeholder="请输入账号" bindinput="bindUsernameInput"/> <!-- 密码输入框 --> <input type="password" placeholder="请输入密码" bindinput="bindPasswordInput"/> <!-- 登录按钮 --> <button type="primary" bindtap="bindLoginTap">登录</button> ``` 2. 在 js 文件添加输入框和登录事件的处理函数: ``` Page({ data: { username: '', // 账号 password: '', // 密码 }, // 账号输入框输入事件处理函数 bindUsernameInput: function(e) { this.setData({ username: e.detail.value }); }, // 密码输入框输入事件处理函数 bindPasswordInput: function(e) { this.setData({ password: e.detail.value }); }, // 登录按钮点击事件处理函数 bindLoginTap: function() { // 判断账号和密码是否为空 if (this.data.username === '' || this.data.password === '') { wx.showToast({ title: '请输入账号和密码', icon: 'none' }); return; } // 执行登录操作,这里可以调用后台接口进行登录验证 wx.showLoading({ title: '正在登录...' }); wx.request({ url: 'http://localhost:8080/login', method: 'POST', data: { username: this.data.username, password: this.data.password }, success: function(res) { wx.hideLoading(); if (res.data.code === 0) { // 登录成功,跳转到首页 wx.switchTab({ url: '/pages/index/index' }); } else { // 登录失败,显示错误信息 wx.showToast({ title: res.data.msg, icon: 'none' }); } }, fail: function() { wx.hideLoading(); wx.showToast({ title: '网络错误', icon: 'none' }); } }); } }); ``` 在这个示例代码,我们首先在 `data` 定义了 `username` 和 `password` 两个变量,用于保存输入框的账号和密码。然后,我们分别在 `bindUsernameInput` 和 `bindPasswordInput` 两个函数通过 `setData` 更新这两个变量。最后,在 `bindLoginTap` 函数,我们判断账号和密码是否为空,然后调用后台接口进行登录验证。如果登录成功,我们使用 `wx.switchTab` 跳转到首页,否则显示错误信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值