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"