📜  聚焦时如何验证输入字段?

📅  最后修改于: 2021-11-24 05:43:57             🧑  作者: Mango

jQuery 中的 focusout() 方法用于从所选元素中移除焦点。现在我们将使用 focusout() 方法在聚焦时验证输入字段。此方法检查输入字段是否为空。此外,使用一些 CSS 属性来显示输入字段验证。如果输入字段为空,则显示红色边框输入字段,否则显示绿色边框输入字段。

示例 1:

 
 
  
 
     
      
     

  
 
    

Validation if input field empty:

           
                           
                             
                         
                     

输出:

示例 2:如果输入字段为空,则使用siblings()、addClass() 方法验证警报。

 
 
     
 
    
      
     
      
     
 
  
 
    

        Validation alert if input field empty     

           
          
                                                    
                   
                 
                                                
                   
                     
                                                
    
                    

输出: