在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
函数中,我们定义了两个变量password
和confirmPassword
来存储用户的输入。在formSubmit
方法中,我们通过比较这两个变量的值来检查密码是否一致。如果一致,可以继续后续操作;如果不一致,则在控制台中打印出提示信息。
这个示例使用了简单的JavaScript比较操作符===
来确保两次输入的密码完全相同。如果需要更复杂的验证逻辑,可以根据实际需求进行扩展。