如何在html中隐藏所需的弹出输入 [英] how to hide required pop-up of input in html

问题描述

使用 javascript 所需的输入的弹出窗口。 net / rz6np /rel =nofollow> jsfiddle

试着用空输入提交并看到弹出窗口，所以我不需要显示该弹出窗口，我想要验证。

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

 <形式> 
< input type =textname =namerequired =requiredvalue =/> 
< input type =submitname =submitvalue =Submit/> 
  

解决方案

由于这是一个HTML5事件，您可以防止事件触发弹出窗口，仍然提供验证（ https://developer.mozilla.org/en-US/docs/Web/Events/invalid ）。一个简单的事件监听器将完成这项工作。

处理焦点包括一个id到那个字段，像这样...

HTML

 < input type =textid =namename =namerequired =required value =/> 
  

并在返回函数中处理焦点...

JS

  document.addEventListener（'invalid'，（function（）{
 return function e）{
 e.preventDefault（）; 
 document.getElementById（name）。focus（）; 
}; 
}）（），true）; 
  

编辑
查看
http://jsfiddle.net/rz6np/9/

hide pop-up of required of input using javascript jsfiddle

try to submit with empty input and see the pop-up, so i don't need to display that pop-up and i want the required to validate.

any help i don't need to display any warning.

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

解决方案

Since this is a HTML5 Event you can prevent the event from triggering the popup and still provide validation (https://developer.mozilla.org/en-US/docs/Web/Events/invalid). A simple event listener will do the job.

To handle focus include an id to that field like so ...

HTML

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

And handle that focus within the return function ...

JS

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

EDIT Check it out http://jsfiddle.net/rz6np/9/

这篇关于如何在html中隐藏所需的弹出输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！