交流
专区
layuiAdmin
LayIM
框架
登入
注册
首页
提问
分享
讨论
建议
公告
动态
发表新帖
发表新帖
怎么自动触发登录按钮
提问
已结
23
619
热巴的小迷妹
2018-9-11
悬赏:20飞吻
版本:layui 最新版本
浏览器:现代浏览器
描述:我想做一个自动登录页面的功能。就是会记录cookie 和大多数网站一样就是
1.第一次登录后就已经直接记录了用户名和密码的cookie,失效时间7天
2. 7天内登录的时候就直接把用户名和密码从cookie取出来
4.然后自动触发表单的按钮 ,这样写的目的就是不需要登录就会直接进入首页。
立即登录代码:
HTML:
js:
问题:
图片:
回帖
随海逸
2018-9-11
@
热巴的小迷妹
一样可以的,那个DOM就是你那个登录按钮啊,你js点击它,就是就和你手动点击作用一样的
0
回复
随海逸
2018-9-11
你这个思路得自己写个监听函数,监听你输入值是否完成,你的验证码是否正确。当所有验证成功后选中那个元素点击事件就好了。现在没有现成的方法或者事件能实现你的想法,你得自己写
0
回复
Yoga
VIP4
2018-9-11
这个是纯js的问题啊,自己加表单输入监听事件。
0
回复
热巴的小迷妹
2018-9-11
@
随海逸
form.on('submit(now-login)', function (data) {.... }
}这里面的功能我都处理好了,现在就需要自动触发这个函数了。就是不知道怎么触发。
0
回复
随海逸
2018-9-11
@
热巴的小迷妹
如果你想当所有验证都成功后触发这个事件,那么一定有一个监听函数,监听你所有的表单验证。这个事件触发就简单的获取那个点击元素动态点击一下就好了,好比jq来说$(elem).click().
其实难度就在于你的验证监听函数,会非常麻烦就是了
0
回复
热巴的小迷妹
2018-9-11
@
Yoga
我直接点击登录是可以登录的,就是想多加一个功能 就是自动登录的功能 自动登录就需要再次自动触发那个function()。
0
回复
Yoga
VIP4
2018-9-11
@
热巴的小迷妹
输入框有个onchange事件,每次输入框的值发生变化,都获取输入框里的值与验证码进行判断,如果正确,就直接调用登录的方法。等于说原来是登录按钮点击事件=》登录, 现在是监听输入框的值=》登录。
具体的代码也很简单,百度一下就好了 没几行
0
回复
热巴的小迷妹
2018-9-11
@
Yoga
是我没把问题描述清楚
其实我想问的不是这样的自动登录
0
回复
Yoga
VIP4
2018-9-11
@
热巴的小迷妹
那一样啊,你把登录的function单独拎出写成公共方法 比如 function login(各种参数){ }
然后你要触发登录的时候调用这个方法就行了。
0
回复
Yoga
VIP4
2018-9-11
@
热巴的小迷妹
还是那句话 任何事件的触发 不应该关注DOM 应该关注js函数的调用
0
回复
热巴的小迷妹
2018-9-11
@
Yoga
可是我是用的layui的form表单。那个表单提交必须要点那个按钮 如果我在外面包函数 也还是要按那个按钮。
0
回复
热巴的小迷妹
2018-9-11
@
随海逸
嗯嗯
0
回复
热巴的小迷妹
2018-9-11
@
随海逸
嗯嗯
0
回复
热巴的小迷妹
2018-9-11
@
随海逸
其实难点就在于我用的不是jQuery的click函数而是用的layui的form表单 就不能用 $("DOM").click()来调用。就是这块有疑问
0
回复
Yoga
VIP4
2018-9-11
谁说必须要用layui自定义的表单监听的 你用jquery的或者js自带的也行
也不影响你表单的样式
自动登录 跟登录按钮没有半毛钱关系 一定要转变编程思想 很多前端新手的误区就在这
比如现在的新前端框架 React Vue等 根本不需要操心DOM
你可以去看一下layui表单的源码,他实质就是 监听你按钮点击事件去一个个获取表单的值 只不过你看起来不一样 不需自己手写一个个输入框获取值而已
0
回复
热巴的小迷妹
2018-9-11
@
随海逸
原来是这样,我也是这么写的。好像没起作用 我看看是不是别的位置写错了
0
回复
热巴的小迷妹
2018-9-11
@
Yoga
噢噢,谢谢你呀
0
回复
Yoga
VIP4
2018-9-11
转不过来这个弯 可能会一直影响你。。
0
回复
热巴的小迷妹
2018-9-11
@
Yoga
其实就是刚刚掉进误区了
0
回复
热巴的小迷妹
2018-9-11
@
Yoga
谢谢大神
0
回复
热巴的小迷妹
2018-9-11
@
随海逸
已经弄好了
0
回复
热巴的小迷妹
2018-9-11
@
随海逸
Thanks♪(・ω・)ノ
0
回复
随海逸
2018-9-11
@
热巴的小迷妹
没事,能帮到你就好
0
回复
提交回复
本周热议
组件treeTable 树形表格进一步优化
44
php内如何调用layui
14
layui table.render分页参数怎么序列化成我想要的格式
14
静态表格转动态后layui-form失效
13
toolbar工具里面的filter筛选字段是否可以缓存用户点击记录?
10
LayUI table render数据时 如果数据量过大,比如200+条记录,会有明显的卡顿现象
10
使用layui下的laydate插件,admui下跳转局部刷新后绑定失效,要重新刷新整个页面才好使
9
一觉醒来突然报错
9
好诡异,数据表格多出最后一列
9
form表单中密码的加密方式
9
心级赞助商
-
我要加入
限时领 1888 元阿里云优惠券
人人开源 - 企业级后台脚手架框架
官方产品
layuiAdmin - layui 官方后台管理模板
LayIM - layui 即时通讯旗舰之作
微信扫码关注 layui 公众号