在注册登录时停止或隐藏自动完成文本

Posted

技术标签:

【中文标题】在注册登录时停止或隐藏自动完成文本【英文标题】:Stop or Hide autocomplete text on registration login 【发布时间】:2016-04-15 15:29:17 【问题描述】:

我有一个 WordPress WooCommerce 网站。登录和注册页面是一样的。我遇到的问题是保存的用户名和密码正在自动填充页面的注册端以及登录端。我尝试将自动完成设置为关闭和错误并且不。我把它放在输入字段和表单中。我发现用户名和密码 autocomplete="off/false" 设置现在被忽略了。

自动完成属性和登录字段 https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

如何隐藏注册登录字段的自动完成功能?我正在考虑将登录页面和注册页面分开,但我不确定这些字段是否仍会自动填充。是否有用于阻止注册输​​入自动填充的 jquery 或 css?

【问题讨论】:

【参考方案1】:

看看https://wordpress.stackexchange.com/questions/159462/how-to-disable-autocomplete-on-the-wp-login-php-page

您可能需要对其进行增强,以包含您要为其禁用自动完成功能的所有字段 ID。当然,查看实际页面也会有所帮助。

编辑:尝试将此添加到您的functions.php

function wpse_no_login_autocomplete() 
 echo '<<<html
  <script>
   document.getElementById( "username" ).autocomplete = "off";
   document.getElementById( "password" ).autocomplete = "off";
  </script>
 html';


add_action( 'login_form', 'wpse_no_login_autocomplete' );


function wpse_no_reg_autocomplete() 
 echo '<<<html
  <script>
   document.getElementById( "reg_username" ).autocomplete = "off";
   document.getElementById( "reg_password" ).autocomplete = "off";
  </script>
 html';


add_action( 'register_form', 'wpse_no_reg_autocomplete' );

【讨论】:

我编辑了代码,在初始版本中遗漏了引号。立即尝试。【参考方案2】:

试试这个:document.getElementsByName("nameOfYourInput")[0].autocomplete="off"

【讨论】:

这与在 html 输入中将自动完成设置为 off/false 有何不同?此外,这如何解决 Mozilla 所说的登录字段自动完成设置被浏览器忽略的内容?

以上是关于在注册登录时停止或隐藏自动完成文本的主要内容,如果未能解决你的问题,请参考以下文章

我用winForm窗体做录上面的注册,当点击注册时登录窗体隐藏,当注册完毕时登录窗体有隐藏再变为显示。

Swift2:TKSubmitTransitionButton。当用户登录/注册不正确时,如何停止按钮的转换/动画

当我在 asp.net 上发布我的网站时,注册/登录停止工作

带有固定按钮的片段

01: 实现注册登录功能

注册成功后自动登录