uni-app中md5加密

最新推荐文章于 2025-04-28 16:04:34 发布

置顶落花别有意流水似无情

最新推荐文章于 2025-04-28 16:04:34 发布

阅读量2w

点赞数 12

分类专栏： uni-app项目文章标签： uni-app表单数据加密

本文链接：https://blog.youkuaiyun.com/weixin_42931825/article/details/97800139

版权

uni-app项目专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个包含手机号、验证码、密码输入及MD5加密的表单代码，用于实现密码重置功能，并提供了MD5.js文件下载链接，演示了如何使用MD5进行密码加密。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html代码：

<form @submit="formSubmit" >
  <view class="FormContent">
    <text>手机号：</text>
    <view class="FormInput">
      <input type="text" value="" name="tel" placeholder="请输入手机号" @input="getTel"/>
    </view>
  </view>
  <view class="FormContent">
    <text>验证码：</text>
    <view class="FormInput2">
      <input type="text" value="" name="verifyCode" placeholder="验证码"/>
    </view>
    <view @tap="sendVerificationCode" class="SendMsg">
      <view  v-if="showText" class="SendMsgContent">发送验证码</view>
      <view  v-if="!showText" class="SendMsgContent">{{second}}s</view>
    </view>
  </view>
  <view class="FormContent">
    <text>输入密码：</text>
    <view class="FormInput">
      <input type="password" value="" name="newPwd" placeholder="请输入密码"/>
    </view>
  </view>
  <view class="FormContent">
    <text>确认密码：</text>
    <view class="FormInput">
      <input type="password" value="" name="confirmPwd" placeholder="确认密码"/>
    </view>
  </view>
  <view class="Btnbottom">
    {{ErrorMsg}}
  </view>
  <button class="Btnsubmit" form-type="submit">重置密码</button>
</form>

首先要在需要加密的页面中引入md5.js文件：

md5.js文件：

地址：https://pan.baidu.com/s/1zrGdHRSZeDL8W77xmb_ZUQ

提取码：lq2s

引入之后，把所要加密的数据直接加密即可：

例如：

var newPwd = e.detail.value.newPwd; //123
var confirmPwd = e.detail.value.confirmPwd; //123

var Md5newPwd = md5(newPwd); //202cb962ac59075b964b07152d234b70
var Md5confirmPwd = md5(confirmPwd);//202cb962ac59075b964b07152d234b70

简单实用！