HTML | DOM oninvalid 事件

HTML DOM oninvalid 事件在我们提交无效元素时发生。例如，输入字段是可提交的，并且设置了 required 属性，如果该字段为空则无效。

句法：

• 在 HTML 中：

• 在 JavaScript 中：

  object.oninvalid = function(){myScript};

• 在 JavaScript 中，使用 addEventListener() 方法：

  object.addEventListener("invalid", myScript);

示例 1：使用 HTML。

  

    

  

    
        

          GeeksforGeeks
      
        

          HTML DOM oninvalid Event
      
        

            email:
            
            

            
        
    

  

输出：

示例 2：使用 JavaScript。

  

    
        HTML DOM oninvalid Event
    

  

    
        
          GeeksforGeeks
      
        
          HTML DOM oninvalid Event
      
        
            Email:
            
            
            
        
  
        
            document.getElementById(
              "emailid").oninvalid = function() {
                (GFGfun)
            };
  
            function GFGfun() {
                alert("Please fill out the required fields.");
            }
        
    

  

输出：

示例 3：使用 addEventListener() 方法：。

  

    
        HTML DOM oninvalid Event
    

  

    
        
          GeeksforGeeks
      
        
          HTML DOM oninvalid Event
      
  
        
            Email:
            
            
            
        
  
        
            document.getElementById(
                "emailid").addEventListener(
                "invalid", GFGfun);
  
            function GFGfun() {
                alert(
                    "Please fill out the required fields.");
            }
        
    

  

输出：
前：

后：

支持的浏览器： HTML DOM oninvalid Event支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0
• 火狐
• 苹果Safari
• 歌剧