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

Javascript 如何在html中隐藏所需的输入弹出窗口,javascript,jquery,html,css,Javascript,Jquery,Html,Css,使用javascript 尝试使用空输入提交并查看弹出窗口,因此我不需要显示该弹出窗口,我希望验证所需的 任何帮助我不需要显示任何警告 <form> <input type="text" name="name" required="required" value="" /> <input type="submit" name="submit" value="Submit" /> 由于这是一个HTML5事件,您可以阻止该事件触发弹出窗口,并且仍然提

使用
javascript

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

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

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


由于这是一个HTML5事件,您可以阻止该事件触发弹出窗口,并且仍然提供验证()。一个简单的事件侦听器将完成这项工作

要处理焦点,请向该字段添加id,如下所示

HTML

编辑 过来看

如果尽管使用了autocomplete=“off”,但autocomplete仍然可以在
上工作,但是您可以将
关闭
更改为随机字符串,如nope


Chrome现在似乎忽略了
autocomplete=“off”
,除非它位于
-标签上。

因此要正确理解这一点,您需要验证表单,但我不想要通知?是的,我需要验证,但不需要显示通知。请参阅我对Rafa答案的评论。是的@Johan,我需要验证才能工作,但不需要显示通知。我只需要占位符光标保持闪烁,输入区域中没有弹出窗口,但仅删除弹出窗口。@kadibra只需在输入区域后添加逻辑即可
e.preventDefault()类似于
document.getElementById(“focusMe”).focus()的内容
其中
focusMe
是要聚焦的元素的id(在您的例子中是输入文本)@kadibra,就像Johan所说的那样,只需聚焦到该元素上即可。请查看我所做的编辑。请注意,对于每个需要验证的输入,都会调用无效事件。
<input type="text" id="name" name="name" required="required" value="" />
document.addEventListener('invalid', (function () {
  return function (e) {
    e.preventDefault();
    document.getElementById("name").focus();
  };
})(), true);
autocomplete="off" 
autocomplete="nope"