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

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/