如何用代码实现uni校验成功后点击登录跳转上一个被拦截的页面
时间: 2024-09-26 08:05:14 浏览: 34
在uni-app(微信小程序、H5、原生等平台统一的框架)中,当用户完成表单验证(比如使用`uni.checkPassWord`或自定义的校验规则)并成功通过时,你可以通过以下步骤将用户导向之前被路由拦截的页面:
首先,你需要在表单提交前检查校验结果,并记录下之前的页面路径。这通常是在点击登录按钮或表单提交事件处理函数里做。
```javascript
Page({
data: {
prevPath: '', // 存储之前被拦截的页面路径
... // 其他数据
},
submitForm: function(e) {
const formData = this.data.formData; // 获取表单数据
uni.checkPassWord(formData.password, (res) => {
if (res.status === 0) { // 验证成功
this.setData({ prevPath }); // 设置prevPath
uni.navigateTo({
url: this.prevPath, // 跳转回之前被拦截的页面
});
} else {
// 处理验证失败的情况
}
});
},
onLogin: function() {
// 点击登录按钮触发submitForm
},
})
```
在这个例子中,假设`onLogin`是你绑定给登录按钮的事件处理器,它会调用`submitForm`函数。如果验证通过,会把当前页面的路径保存到`prevPath`,然后通过`uni.navigateTo`导航到这个路径。
阅读全文