如何实现勾选用户协议后登录？

于 2022-10-13 10:20:55 发布
阅读量1.1k 收藏
点赞数
分类专栏： Towify使用教程 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Towify/article/details/127296225
版权
本文详细介绍了在微信小程序中实现用户登录前必须勾选用户协议的步骤，包括创建用户表、微信登录事件、复选框状态触发器以及对话框提示触发器的配置，确保用户同意协议后才能登录。
摘要由CSDN通过智能技术生成

在用户登录前通过检查 复选框 组件的勾选状态来判断是否允许用户进行登录。

效果展示：

26555a2f06ce017f0adcbc36bbe840dc.jpeg

前置准备：

  • 一个按钮用于触发登录
  • 一个用于检查用户协议勾选情况的 复选框 组件
  • 经过设计的登录界面


具体步骤：

  • 创建 用户表
  • 创建微信登录事件
  • 创建 复选框 激活状态 触发器
  • 配置 复选框 激活状态 触发器
  • 创建 复选框 非激活状态 触发器
  • 配置 复选框 非激活状态 触发器
  • 创建对话框提示 触发器
  • 配置对话框提示 触发器
  • 创建微信登录 触发器
  • 配置微信登录
最低0.47元/天 解锁文章
Towify
关注
专栏目录
Android登录页面，未勾选用户协议、隐私政策出现抖动效果
wangqing830414的专栏
02-17 1898
LinearLayout包裹着勾选按钮和协议文件描述 <LinearLayout android:id="@+id/llCheck" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true"
登录页面勾选协议
ilove_story的博客
08-15 6620
我们在制作登录页面有时需要用户勾选协议，如果不勾选则无法登录 <script type="text/javascript"> $("#read").click(function(){ --read是一个checkbox //如果被勾选状态下 if($(this)[o].checked==true){ $("#log_btn").prop('disabled',false);//解除禁用 }else{ $("#log_btn").prop(.
我们注册时要勾选同意XXX协议，同时协议的标题为一个超链接，只有勾选了同意，才能点击提交。如何实现这个功能，下面是代码。...
weixin_30648587的博客
10-27 4137
<html> <head> <script type="text/javascript"> function disable() { document.getElementById("accept").disabled=true } function enable() { document.getElementById("a...
html+勾选同意再注册,首选是勾选上同意协议然后点击下一步
weixin_39687667的博客
07-01 1822
Win10是现在最新的系统，也是大家都很喜欢的系统，于是有人会去升级它，但是很多用户不知道Win8.1如何升级Win10系统，其实方法很简单，下面就由小编教大家Win8.1如何升级Win10系统吧！Win8.1升级Win10的详细步骤：1、下载Win10预览版镜像，需要注意的是，简体中文Win10预览版分为32位和64位系统，两种版本，如果电脑内存大于4GB，请下载64位版，如果内存不足4GB，选...
PHP 必须勾选用户协议,为什么需要网络协议
weixin_36185593的博客
04-02 303
网络协议是网络上所有设备(网络服务器、计算机及交换机、路由器、防火墙等)之间通信规则的集合,它规定了通信时信息必须采用的格式和这些格式的意义。大多数网络都采用分层的体系结构，每一层都建立在它的下层之上,向它的上一层提供一定的服务，而把如何实现这一服务的细节对上一层加以屏蔽，一台设备上的第n层与另一台设备上的第n层进行通信的规则就是第n层协议，在网络的各层中存在着许多协议，接收方和发送方同层的协议必...
Js勾选同意协议教程-更新篇
我的世界
07-13 4489
更新：添加css必要样式 修改js提交后的form提交链接 html添加了form标签 之前是登录的同意协议，现在改为注册同意协议
【JavaScript源代码】javascript实现用户必须勾选协议实例讲解.docx
12-29
JavaScript 实现用户必须勾选协议的实例讲解是一个常见的前端交互设计，主要应用于用户注册或登录时，确保用户阅读并同意服务条款。在这个实例中，我们使用JavaScript来控制表单元素的禁用状态，只有当用户滚动到...
checkbox勾选判断代码分析
09-04
在网页开发中，尤其是涉及到用户交互的场景，如注册、登录等，经常需要对用户的操作进行验证，确保他们按照规定的方式进行操作。其中，检查用户是否勾选了某个复选框（Checkbox）是非常常见的一种需求，例如在同意...
C#添加勾选用户协议
最新发布
05-25
你可以使用 Windows Forms 中的 CheckBox 控件来实现勾选用户协议功能。以下是一个简单的示例代码： ```csharp // 创建一个 CheckBox 控件 CheckBox checkBox = new CheckBox(); checkBox.Text = "我已阅读并同意...
小程序用户登录权限设置
code袁的博客
07-30 4807
小程序用户登录权限设置 1. 前言 当用户第一次进入小程序时，我们有些功能是想让用户在授权登录的情况下才可以查看。其实这个功能的实现是非常简单的。 ## 看效果，当点击菜单时 2.上代码 用户登录后，会把信息缓存到本地。user是缓存到本地的key中的值 onLoad: function (options) { let that = this wx.getStorage({ key: 'user', success: function (res) { user
Qt实现勾选同意后才能点击下一步
凌空的桨
07-19 2497
新建项目QtGuitest5 QtDesigner建立窗口 在btnNext 的QWidget类中将Enable勾掉 保存，同样的用VAssist将ui_QtGuitest5.h再Reparse一次（如何Reparse见上一博客） 同样的在QtGuitest5.h添加槽slot     #pragma once #include &lt;QtWidgets/QMainWind...
填写信息时，勾选协议的时候下一步按钮才可用，才会跳转到信息页面，不勾选协议的时候下一步按钮不可用。
weixin_45819980的博客
11-02 2740
未勾选协议时，下一步按钮为不可点击状态 样式 结构及js <div class="xy-tip"> <input type="checkbox" id="checkbox" onclick="check()"/><span>我已阅读此协议</span> <span>温馨提示:阅读完此协议才能进行下一步</span> </div> <a href
勾选同意XXX协议，才能点击提交一类的JS页面，源码如下
热门推荐
何必说
06-29 2万+
&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript"&gt;function disable() { document.getElementById("accept").disabled=true }function enable() { document.getElementById("accept").disabled=f..
请阅读并勾选协议的html,html
weixin_34540432的博客
06-02 2357
a标签默认动作：1.打开页面 2.跳转锚点html只管内容，css管样式标签：a：anchor 标记锚点，超链接。form：表单，想提交内容时使用input 用户输入 button 用户点击h1：一级标题p：paragraph 段落ul： un-ordered list 没有顺序的列表 ul与li(list item)必须配合使用ul儿子liol：ordered list 有顺序的列表sma...
小程序点击勾选协议
weixin_44908506的博客
04-18 7617
wxml js // checkbox是否选中 niming(e) { var flag = e.detail.value[0]; if (flag === undefined) { this.data.bbb="#bbb"; flag = false; } else { this.data.bbb="red"; flag = true; } this.setData({ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值