发源地·开源项目分享社区

 找回密码
 立即注册
查看: 36|回复: 0
收起左侧

[进阶技术] 网站建设时遇到登录页面登录按钮点击失效的成因分析解决

[复制链接]

活雷锋

208

主题

1229

帖子

2667万

积分

管理员

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

UID
1
性别
银票
8889374
铜板
8891179
钢镚
8894181
好友
1
记录
1
日志
0
相册
54
帖子
1229
主题
208
精华
114
分享
0
注册时间
2019-5-13
最后登录
2020-5-29
在线时间
267 小时
卖家信用
买家信用
听众
1
收听
1
居住地
江苏省 苏州市 太仓市 太仓经济开发区
职业
山贼
自我介绍
他们都是叛徒,但我从没恨过他们...
兴趣爱好
IT/互联网/硬件/软件
发表于 2020-5-15 00:28:42 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
作者:青花
转载请注明:http://wdc.store


当我们在开发或者建设网站的过程中,可能遇到安装完毕之后点击登录按钮没有反应,大家都知道,登录按钮是通过JS组件来完成账户和密码验证的,当我们点击登录按钮时,会触发“登录成功”的弹窗提示,登录按钮点击按钮事件的触发原理有以下几个核心点,任意一个意外都将导致“弹窗故障”。我们要明白“环境支撑”这个东西,它是多组织结构配合调度的。JS弹窗的事件需要具备的环境因素:
1.数据库中的账号密码信息;
2.后端的传参工作;
3.前端的表单提交+验证;
4.JS组件的支撑;
5.用户的操作系统regsvr32 vbscript.dll和regsvr32 jscript.dll两个服务组件的支撑;
6.用户的账号和密码信息输入、点击触发参数传递及校验行为;
7.用户的浏览器的对弹窗的放行。

一般导致登录按钮失效的情况,我们从以上几个必要因素中,先排掉:
1.数据库中的账号密码信息;
3.前端的表单提交+验证;

排除理由:一般我们这一步不会错,即便错了,也会有错误提示!
故障分析与梳理:


【后端传参异常】
2.后端的传参工作;
我们如何来判断,是后端的传参问题呢?
答:在后端搜索前端的提交按钮的ID、style、onclick、href等对应的值,检查与与之相关的代码内容,看看是否存在语法或者其他错误,这种成因对于一般成品二次开发的源码也可以暂时排除。

【前端JS组件关联】
4.JS组件的支撑;
这是二次开发中经常会出现的主要因素之一,因为js组件的调用往往存在站外引用的现象,当我们更换服务器之后,就会出现调用失败的问题。我们可以在浏览器启用开发者模式跑码,
1.进入登录页面,启用开发者模式;
2.查看代码中是否存在调用JS的句子被打了×;
3.我们需要重新下载JS登录弹窗验证组件,将报错的组件名称复制,然后到百度搜索下载该组件,放到登录页面的JS目录下,进行站内调用,如果没有,就创建一个目录。

【前端登录按钮事件关联】
6.用户的账号和密码信息输入、点击触发参数传递及校验行为;
这个成因的概率也不大,但也不小,我们可以检查一下按钮代码部分是否有点击反馈,很简单,随便修改一下按钮事件的ID、或者目标链接,如果成功,则说明按钮的ID或事件目标没有关联上。


【来自用户端的问题】
5.用户的操作系统regsvr32 vbscript.dll和regsvr32 jscript.dll两个服务组件的支撑;
7.用户的浏览器的对弹窗的放行。
这两条的问题是出在用户端,那么需要用户自行对服务组件注册一下,并在浏览器中放行弹窗行为,当然,我们自己做测试也不能忽略了这两条,处理这类问题首先应该要想到的就应该是从这里查起,因为这是面向用户的那头,很重要,当我们发现是由于这两个因素导致的,那么我们会向用户给出相应的自助处理方法。









哎...今天够累的,签到来了4...
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|kedoutd.cn|wdc.store|fll.store|zuz.store|newbe.store|pvp.store ( 苏ICP备14054272号 )

GMT+8, 2020-5-29 22:25

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表