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

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

尝试用空的输入提交并查看弹出窗口,所以我不需要显示该弹出窗口,并且我需要进行验证.

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

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

解决方法:

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

要处理焦点,请在该字段中添加一个ID,如下所示：

HTML

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

并在return函数中处理该焦点…

JS

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

编辑
看看这个
http://jsfiddle.net/rz6np/9/