javascript - 如何在 Firefox 中重置表单？

Question

在我的页面末尾，在关闭 body 之前，我有以下代码:

if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {    
    for (var i = 0, form; form = document.forms[i]; ++i)
        form.reset();
}

但它不起作用...它执行了，但注意到发生了...表单仍然被填充，但是当我从 firebug 运行相同的代码时它工作正常!我还尝试使用 jQuery(document).ready() 函数包装代码，但仍然没有运气......它只能从 firebug 控制台工作......

更新:

<form class="form-horizontal" method="POST" action="{{ route('store_user') }}" autocomplete="off">
                    {{ csrf_field() }}
                    <div class="form-group">
                        <label class="col-sm-2 control-label">Email</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" name="email" placeholder="Enter Email" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">Password</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" autocomplete="off" name="password" placeholder="Enter Password" style="margin-bottom:5px">
                            <input type="password" class="form-control" autocomplete="off" name="password_confirmation" placeholder="Repeat Password">
                        </div>
                    </div>
                </form>

Answer 1

如果您的目的是阻止 Firefox 自动完成表单(这是一个烦人的功能)，那么只需将表单标记为“关闭”自动完成即可

<form method="post" action="/form" autocomplete="off">

另请查看此文档:

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

特别是它说自动完成是否仍然持续尝试的部分:

autocomplete="nope"

由于这个随机值不是有效的，浏览器将放弃。