禁用 MVC 中 html 帮助文本框的自动完成功能

Question

好的，

我会在正常的 ASP.NET 中使用主题来关闭整个站点上所有文本框的自动完成功能。但是我无法在 MVC 上执行此操作，因为主题 .skin 文件中的任何内容似乎都不起作用。

我的 .skin 文件中有这个：

<asp:TextBox runat="server" autocomplete="off" />

但是这根本不会渲染，当然，因为这不是 MVC 的工作方式。无论如何，有什么办法可以让这种事情发挥作用。 我尝试执行此操作的网站太大，无法保证更改每个文本框或创建新的 HTML 帮助程序来解决问题？

有人有什么想法吗？

Answer 1

MVC 没有像普通的旧 ASP.NET 那样的服务器控件。因此，您的控件上不会进行任何服务器处理。它们将按照您键入的方式呈现给客户端。主题不是您将在 MVC 中使用的内容，因为它们适用于 ASP.NET 服务器控件，并且您不会在此处使用它们。也就是说，HTML 助手确实会在视图呈现时由服务器进行处理。您需要使用 html 属性重载将 autocomplete="off" 添加到实际的 HTML 控件中。

@Html.TextBoxFor(x => x.Something, new { autocomplete="off" } )

或者当您在 asp.net 服务器控件中设置 autocomplete="off" 时呈现的实际 HTML 属性是什么。

编辑：影响所有文本框的一种选择是创建您自己的 Html 帮助器方法。只需创建一个扩展方法，如下所示：

using System.Web.Mvc;
using System.Web.Mvc.Html;

public static MvcHtmlString NoAutoCompleteTextBoxFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression)
{
    return html.TextBoxFor(expression, new { autocomplete="off" });
}

然后您可以执行以下操作：

Html.NoAutoCompleteTextBoxFor(x => x.Something)

Answer 2

为答案干杯，但是这些解决方案确实需要我编辑站点中的所有表单，如果您看到我们正在使用 MVC，您就会理解。

不管怎样，我选择了这种方式，在母版页中我添加了这个脚本：

<script language="javascript" type="text/javascript">
        $(document).ready(function () {
            try {
                $("input[type='text']").each(function(){
                               $(this).attr("autocomplete","off");
                            });
            }
            catch (e)
            { }
        });

    </script>

我知道如果禁用了 javascript，这是毫无价值的，但是说实话，如果禁用了 javascript，用户将无法使用一半的网站。

Answer 3

AFAIK，您不能使用 css 执行 autocomplete = off ，它必须是 html 属性，因此您无法影响所有文本框。您可以做的一件事是将属性添加到表单中，如下所示（它将处理当前表单中的所有文本框）

Html.BeginForm(action,controller, FormMethod.Post, new { autocomplete="off"})

或创建一个类似于在内部添加此 html 属性的 BeginForm 的自定义 Helper 扩展方法。

Answer 4

只需将其添加到 _Layout.cshtml 文档末尾

<script>
    $("input[type='text']").attr("autocomplete","off");
</script>

Answer 5

而不是关闭写任何东西 @autocomplete='write-anything-instead-of-off'

@Html.TextBoxFor(model => model.FirstName, new { placeholder = "First Name", @class = "form-control", @id = "txtFirstName", @autocomplete = "new-FirstName"})

Answer 6

@Html.TextBox("Address","",new { @class = "classname", autocomplete = "off" })

Answer 7

使用 autocomplete =“disable-autocomplete”

不再支持 autocomplete=“off”。

Answer 8

ASP.net MVC HTML 属性：具有 type="text"
由JQUERY代码管理

@Html.TextBoxFor(model => model.FirstName, new {@id = "txtFirstName"})


<script language="javascript" type="text/javascript">
        $(document).ready(function () {
            try {
                $("input[type='text']").each(function () {
                    $(this).attr("autocomplete", "off-1");
                });
            }
            catch (e) { }
        });
    
    </script>

Answer 9

使用以下 jQuery 代码

 $(document).ready(function() {
    $("form,input").attr("autocomplete","off");
 });