Question

我在Bootstrap中有一个登录表单，没有任何其他JavaScript（当前）。我注意到有不少用户从他们的注册邮件中复制/粘贴密码，然后以某种方式复制了额外的空间。

因此 - 该服务不允许他们登录。

现在，我当然可以从$ _POST ['password']值中删除空格，然后登录就可以了。但问题仍然是浏览器仍然存储密码包含空格。

这是我应该关注的事情，如果是这样 - 我该如何解决？

Answer 1

您可以使用JS <TextBlock Text="{Binding Time, RelativeSource={RelativeSource AncestorType={x:Type YourLocalPrefix:TimePicker}}}" ... />（MDN documentation）或jQuery <filter> <filter-name>UrlRewriteFilter</filter-name> <filter-class>org.tuckey.web.filters.urlrewrite.UrlRewriteFilter</filter-class> </filter> <filter-mapping> <filter-name>UrlRewriteFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>（jQuery Documentation）方法删除空格。

在我看来，在密码/用户名末尾有一个（复制粘贴的）空格阻止用户登录是不好的做法。在UX上有几个关于此问题的讨论。

Answer 2

您需要在客户端执行此操作：

$('#txtPassword').on('blur', function() {   
    $(this).val($(this).val().trim());
});

这假设您的密码文本框（输入）具有id“txtPassword”，您可以将其更改为其他JQuery选择器，以便在所有字段上实现此功能（也可以是用户名）

Answer 3

关闭密码字段的自动填充功能。

<input type="password" name="password" autocomplete="off" />

在我看来，如果用户记得不正确的密码，则不是您的错。

如何在Bootstrap中的密码字段中删除空格

3 个答案: