如何在html中隐藏所需的输入弹出窗口

Question

使用javascript jsfiddle隐藏required输入的弹出窗口

尝试使用空输入提交并查看弹出窗口，因此我不需要显示该弹出窗口，并且我想要验证所需的内容。

任何帮助我都不需要显示任何警告。

<form>
  <input type="text" name="name" required="required" value="" />
  <input type="submit" name="submit" value="Submit" />

Answer 1

由于这是一个 HTML5 事件，您可以防止该事件触发弹出窗口并仍然提供验证（ https://developer.mozilla.org/en-US/docs/Web/Events/invalid ）。 一个简单的事件侦听器将完成这项工作。

要处理焦点，请像这样在该字段中包含一个 id ......

HTML

<input type="text" id="name" name="name" required="required" value="" />

并在返回函数中处理该焦点......

JS

document.addEventListener('invalid', (function () {
  return function (e) {
    e.preventDefault();
    document.getElementById("name").focus();
  };
})(), true);

编辑检查一下http://jsfiddle.net/rz6np/9/

Answer 2

autocomplete="off" 

或者

autocomplete="nope"

如果尽管具有 autocomplete="off" 自动完成功能仍然适用于<input> ，但您可以将off更改为随机字符串，例如nope 。

看来 Chrome 现在会忽略autocomplete="off"除非它在<form> -tag 上。