如何确定用户或浏览器是否输入了表单上的数据？

Question

我有一个结账表格,会显示一个弹出式调查,询问为什么他们在5秒后没有开始填写表格.但是,我需要能够检查用户是否实际输入了数据而不是浏览器的自动填充功能输入的数据(我在javascript或jQuery中明确忽略的标记中的任何预先填充的数据集).

现在我的解决方案是让setTimeout运行一个函数来检查在输入类型(input,select,textarea)上的jQuery .focus或.change事件上设置为false的变量(true或false).但是,由于javascript可能会在用户能够使用表单元素后加载,因此我必须检查用户是否在调查弹出之前输入了数据.

如果在用户对表单字段做了什么之后加载javascript,是否可以区分用户输入的数据和浏览器输入的数据？

Answer 1

如果您确实想告诉浏览器根本不要自动填充它，您可以使用 autocomplete 属性，但不幸的是，这是一个无效的属性，因此不会验证。如果您确实需要 HTML 进行验证，您可以使用 jQuery 来完成此操作：

$(your_form_selector).attr('autocomplete', 'off');

关于自动完成的更多讨论在这里