uniapp检验两次密码是否一致

uniapp yekong

在uniapp中,要验证两次输入的密码是否一致,可以通过以下示例代码来实现:

<template>
  <view>
    <form @submit="formSubmit">
      <input type="password" v-model="password" placeholder="请输入密码" />
      <input type="password" v-model="confirmPassword" placeholder="请确认密码" />
      <button form-type="submit">提交</button>
    </form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      password: '',
      confirmPassword: ''
    }
  },
  methods: {
    formSubmit(e) {
      if (this.password === this.confirmPassword) {
        // 密码一致,可以继续后续操作
        console.log("两次输入的密码一致");
      } else {
        // 密码不一致,提示用户
        console.log("两次输入的密码不一致,请重新输入");
      }
    }
  }
}
</script>

在这个示例中,我们有两个input字段,一个用于用户输入密码,另一个用于确认密码。在data函数中,我们定义了两个变量passwordconfirmPassword来存储用户的输入。在formSubmit方法中,我们通过比较这两个变量的值来检查密码是否一致。如果一致,可以继续后续操作;如果不一致,则在控制台中打印出提示信息。

这个示例使用了简单的JavaScript比较操作符===来确保两次输入的密码完全相同。如果需要更复杂的验证逻辑,可以根据实际需求进行扩展。

喜欢