当前位置: 首页 > news >正文

laravel-admin之 浏览器自动填充密码(如果需要渲染数据库密码的话,首先确认数据库密码是否可以逆向解密)

参考
https://blog.51cto.com/u_10401840/5180106

为什么浏览器端保存的密码一直自动写入到$form->password

解决办法

2、在页面进入的时候,默认表单的type值为text;推荐指数:2颗星
5、设置表单的readonly属性;推荐指数:4颗星
6、通过延时定时器;推荐指数:5颗星

<form><input type="text" name="name" readonly="readonly" id="name"><input type="password" name="password" readonly="readonly" id="password"><input type="submit" value="登录">
</form>
<script>setTimeout(function removeReadonly(){var name=document.getElementById("name");var password=document.getElementById("password");name.removeAttribute("readonly");password.removeAttribute("readonly");},20);
</script>

首先先设置input为只读readonly,当页面加载完成后,浏览器不会自动填充内容,也不可以进行编辑。然后我们再用js的定时器延迟一段时间后移除input的只读属性readonly,输入框便可进行再次编辑!这样避免了用户点击两次才弹出键盘的弊端。

laravel-admin 中解决该问题

1禁止编辑

$form->text('name','用户名')->value(‘**’)->readonly();    
$form->password('old_password', trans('admin.old_password'))->value('123456')->readonly();  // ->disable()   

2 添加js 延时取消只读 laravel-admin怎么在表单中添加自定义js

 $form->html (view ('admin.public.test') ); 然后在 "admin.public.test" 这个模板里面写 js 脚本实现你想要的页面效果

页面中

<script>// 延时去掉只读属性,避免密码浏览器自动填充setTimeout(function removeReadonly(){// var name=document.getElementsByName("password");// var name=document.getElementsByClassName("field_password _normal_");document.getElementsByName("password")[0].removeAttribute("readonly");document.getElementsByName("password_confirmation")[0].removeAttribute("readonly");// name.removeAttribute("readonly");// password.removeAttribute("readonly");},60);
</script>
http://www.lryc.cn/news/275929.html

相关文章:

  • jquery图形验证码
  • dp专题10 目标和
  • 详解 docker 镜像制作的两种方式
  • selenium元素单击不稳定解决方法
  • vue3中vite使用sass
  • centos 8.0 安装sysbench 1.0.17
  • LabVIEW开发分布式光纤油气管道泄漏检测及预警系统
  • Go后端开发 -- Go Modules
  • 基于det_keypoint_unite的ROS功能包(jetson部署)
  • TS 36.211 V12.0.0-下行(8)-调制和上变频
  • 基于SSM酒店后台管理系统【源码】【最详细运行文档】
  • 利用Python实现每日新闻早报推送
  • 图像分割-Grabcut法
  • 性能测试浅谈
  • 媒体运营常用的ChatGPT通用提示词模板
  • Java学习苦旅(二十一)——泛型
  • 具备闭环思维的测试才更充分
  • flask web学习之模板(一)
  • RedisInsight - Redis官方可视化工具
  • Matlab定义函数计算斐波那契数列
  • 计算机网络面试题总结
  • 视频转为序列图的软件,让视频批量转为序列图
  • 目标检测中的常见指标
  • QT上位机开发(会员充值软件)
  • 小程序实现绘制图片 保存到手机
  • Elasticsearch基本操作之索引操作
  • 调用Java线程相关的API为什么能够控制操作系统线程?
  • 【办公技巧】excel中设置选项按钮的方法
  • 如何编写高效的正则表达式?
  • vue3中使用pinia,更改state中数据,试图不更新问题