Question

使用required jsfiddle

隐藏javascript输入的弹出窗口

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

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

<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

feature

或

autocomplete="off"

如果尽管具有autocomplete =“ off”功能，但自动填充功能仍然可以在autocomplete="nope"上运行，但是您可以将<input>更改为随机字符串，例如 no 。

Chrome似乎会忽略off，除非它位于autocomplete="off"标签上。

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

2 个答案: