微信小程序学习之修改密码（正则表达式）

一般在网页及APP里减到的修改密码页面会有三个编辑框，分别是：

• 输入原密码
• 输入新密码
• 再次输入新密码

因此在微信小程序html的代码设计了如下的界面：三个编辑框及一个确定按钮，编辑框内的文字是通过html的placeholder属性实现，同时设置密码为灰色，只有输完了确认密码，才可以按下确认键。

对于输入的密码，要求长度大于0，同时必须是规定的字符，比如字母及数字等，在本次学习中，我设定的密码输入限制为：/[^a-zA-Z0-9_]/g

即大小写字母a-z及输入0-9，及下划线_，若输入其他的字符则不能有效输入

三个密码编辑框都需要做这个限制

最后三个密码全部输入完成后，按下确定按钮，则会有两种情况：

• 原密码输入错误
• 两个密码输入不一致

这样则需要在按下确定按钮的function里进行判断，再通过弹窗等展示判断的结果，判断结果入下图所示：

原密码输入错误

两次输入的密码不一致

密码修改成功

到此，密码修改就结束啦。

最后欢迎大家点击我的小程序